/* Tiny Devices */
@media screen and (max-width: 36em)
{
    .col.tn-1       { width: 10%; }
    .col.tn-2       { width: 20%; }
    .col.tn-2-5     { width: 25%; }
    .col.tn-3       { width: 30%; }
    .col.tn-3-3     { width: calc(100% / 3); } /* 33% */
    .col.tn-4       { width: 40%; }
    .col.tn-5       { width: 50%; }
    .col.tn-6       { width: 60%; }
    .col.tn-6-6     { width: calc(100% / 1.5); } /* 66% */
    .col.tn-7       { width: 70%; }
    .col.tn-7-5     { width: 75%; }
    .col.tn-8       { width: 80%; }
    .col.tn-9       { width: 90%; }
    .col.tn-10      { width: 100%; }
    .col.tn-none    { display: none; }
    .tn-none
    {
        display: none !important;
    }

    .search.search_desktop
    {
        display: none;
    }

    .search.search_mobile
    {
        display: block;
    }

    .playercontainer .player .splash.istimer p
    {
        font-size: 1.125rem;
        line-height: 0.12;
    }

    .share_content
    {
        max-width: 90%;
    }

    .share_content ul.downloads li
    {
        -moz-flex-basis: 33%;
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
    }
}

/* Small Devices */
@media screen and (min-width: 36em) and (max-width: 48em)
{
    .col.sm-1       { width: 10%; }
    .col.sm-2       { width: 20%; }
    .col.sm-2-5     { width: 25%; }
    .col.sm-3       { width: 30%; }
    .col.sm-3-3     { width: calc(100% / 3); } /* 33% */
    .col.sm-4       { width: 40%; }
    .col.sm-5       { width: 50%; }
    .col.sm-6       { width: 60%; }
    .col.sm-6-6     { width: calc(100% / 1.5); } /* 66% */
    .col.sm-7       { width: 70%; }
    .col.sm-7-5     { width: 75%; }
    .col.sm-8       { width: 80%; }
    .col.sm-9       { width: 90%; }
    .col.sm-10      { width: 100%; }
    .col.sm-none    { display: none; }
    .sm-none
    {
        display: none !important;
    }

    .search.search_desktop
    {
        display: none;
    }

    .search.search_mobile
    {
        display: block;
    }

    .flex-item.flx_tile
    {
        -moz-flex-basis: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }

    .playercontainer .player .splash.istimer p
    {
        font-size: 2.125rem;
        line-height: 1.12;
    }

    .share_content
    {
        max-width: 50%;
    }

    .share_content ul.downloads li
    {
        -moz-flex-basis: 33%;
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
    }
}

/* Medium Devices */
@media screen and (min-width: 48em) and (max-width: 66.938em)
{
    .row,
    header nav.main_menu.sticky,
    header .col.contains_mm.sticky
    {
        padding-left: 30px;
        padding-right: 30px;
    }

    .row .row
    {
        padding-left: 0;
        padding-right: 0;
    }

    .col.md-1       { width: 10%; }
    .col.md-2       { width: 20%; }
    .col.md-2-5     { width: 25%; }
    .col.md-3       { width: 30%; }
    .col.md-3-3     { width: calc(100% / 3); } /* 33% */
    .col.md-4       { width: 40%; }
    .col.md-5       { width: 50%; }
    .col.md-6       { width: 60%; }
    .col.md-6-6     { width: calc(100% / 1.5); } /* 66% */
    .col.md-7       { width: 70%; }
    .col.md-7-5     { width: 75%; }
    .col.md-8       { width: 80%; }
    .col.md-9       { width: 90%; }
    .col.md-10      { width: 100%; }
    .col.md-none    { display: none; }
    .md-none
    {
        display: none !important;
    }

    .search.search_desktop
    {
        display: none;
    }

    .search.search_mobile
    {
        display: block;
    }

    .mainplayer div:not(".searchresult") h3
    {
        font-size: 1.875rem;
        line-height: 1.2;
    }

    div.livenotification
    {
        right: 45px;
    }

    .flex-item.flx_tile
    {
        -moz-flex-basis: 33%;
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
    }

    .col.news2 > .row > .col:nth-child(1)
    {
        padding: 0 15px 0 0;
    }

    .col.news2 > .row > .col:nth-child(2)
    {
        padding: 0 0 0 15px;
    }

    footer .footer-nav
    {
        border-bottom: 1px solid #494e51;
    }

    footer .footer-nav.bordertop
    {
        border-bottom: none;
        border-top: 1px solid #494e51;
    }

    footer .footer-nav ul.nav.flex
    {
        display: -ms-flexbox;
        display: -moz-box;
        display: -webkit-flex;
        display: flex;

        -o-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;

        -webkit-align-items: stretch;
        align-items: stretch;

        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;

        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    footer .footer-nav ul.nav.flex li.flex-item
    {
        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0;

        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;

        -moz-flex-basis: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto;
    }

    footer .footer-nav ul.nav li
    {
        padding: 12px 8px;
        margin: 0 24px 0 0;
        border-top: none;
        border-bottom: none;
    }

    footer .footer-nav ul.nav li.align_r
    {
        margin-left: auto;
    }

    footer .footer-nav ul.nav > li > a > svg
    {
        float: none;
    }

    footer .footer-nav ul.nav li:last-child
    {
        border-bottom: none;
    }

    footer .footer-nav ul.nav li .lng-drop svg
    {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 10px 0 10px
    }

    footer .footer-nav ul.nav li ul.social-list
    {
        padding: 0;
    }

    .share_content
    {
        max-width: 33%;
    }

    .share_content ul.downloads li
    {
        -moz-flex-basis: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}


/* Large Devices */
@media screen and (min-width: 66.938em)
{
    .row,
    header nav.main_menu.sticky,
    header .col.contains_mm.sticky
    {
        padding-left: 60px;
        padding-right: 60px;
    }

    .row .row
    {
        padding-left: 0;
        padding-right: 0;
    }

    .col.lg-1       { width: 10%; }
    .col.lg-2       { width: 20%; }
    .col.lg-2-5     { width: 25%; }
    .col.lg-3       { width: 30%; }
    .col.lg-3-3     { width: calc(100% / 3); } /* 33% */
    .col.lg-4       { width: 40%; }
    .col.lg-5       { width: 50%; }
    .col.lg-6       { width: 60%; }
    .col.lg-6-6     { width: calc(100% / 1.5); } /* 66% */
    .col.lg-7       { width: 70%; }
    .col.lg-7-5     { width: 75%; }
    .col.lg-8       { width: 80%; }
    .col.lg-9       { width: 90%; }
    .col.lg-10      { width: 100%; }
    .col.lg-none    { display: none; }
    .lg-none
    {
        display: none !important;
    }

    .search.search_desktop
    {
        display: block;
    }

    .search.search_mobile
    {
        display: none;
    }

    .row .col.news2
    {
        padding-top: 0;
    }

    header .logos .headtvlogo
    {
        text-align: left;
    }

    header .col.has_mm
    {
        height: auto;
    }

    header ul.nav li.navlogo,
    header ul.nav li.search
    {
        display: block;
    }

    header nav.main_menu
    {
        display: block;
        position: relative;
        text-align: left;
    }

    header nav.main_menu div.search
    {
        display: none;
    }

    header ul.nav li.search div.search_container,
    header nav.main_menu div.search div.search_container
    {
        width: 480px;
    }

    header .tg_mainmenu
    {
        display: none;
    }


    header .mm_dsktp.open
    {
        position: relative;
        visibility: visible;
        opacity: 1;
        z-index: 999;
        padding: 0 0 40px;
    }

    header .mm_dsktp.open .mm_dsktp_item.open
    {
        position: relative;
        visibility: visible;
        opacity: 1;
        z-index: 999;
    }

    header .main_menu .menu_container
    {
        position: relative;
        right: 0;
        top: 0;
        overflow: visible;
        z-index: 999;
        max-width: none;
        min-height: 0;
        /*display: block;*/
    }

    header .main_menu .menu_container > div
    {
        overflow: visible;
    }

    header ul.nav
    {
        padding: 0;

        display: -ms-flexbox;
        display: -moz-box;
        display: -webkit-flex;
        display: flex;

        -o-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;

        -webkit-align-items: stretch;
        align-items: stretch;

        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;

        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    header ul.nav li
    {
        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0;

        -moz-flex-shrink: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;

        -moz-flex-basis: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
    }

    header ul.nav li.lg_alignleft + li.lg_alignright,
    header ul.nav li.breaker + li.lg_alignright
    {
        margin-left: auto;
    }

    header ul.nav li.navlogo
    {
        overflow: hidden;
        display: none;
    }

    header ul.nav li a,
    header ul.nav li span.dropwrapper
    {
        font-size: 16px;
        line-height: 1.412;
        padding: 12px 13px 9px;
        border: none;
    }

    header ul.nav li span.dropwrapper
    {
        padding-left: 0;
        display: none;
    }

    header ul.nav li img.dropicon.open
    {
        margin: 0;

        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    header ul.nav li ul.dropnav
    {
        display: block;
        visibility: hidden;
        z-index: -9999;
        left: 0;
        right: 0;
        top: 100%;
        width: auto;
    }

    header ul.nav li ul.dropnav.dropping
    {
        display: block;
        /*position: relative;*/
        visibility: visible;
        z-index: 9999;
    }

    header ul.nav li ul.dropnav li:last-of-type
    {
        display: none;
    }

    header ul.nav li ul.dropnav li a
    {
        white-space: nowrap;
    }

    .tile .title:not(.ttl_below)
    {
        margin: 0;
    }

    .flex-item.flx_sidebar
    {
        padding: 0 20px;
    }

    .mainplayer h3
    {
        font-size: 1.875rem;
        line-height: 1.1;
    }

    .mainplayer .searchresult h3
    {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    div.livenotification
    {
        right: 75px;
    }

    .slidercontainer.sl_news
    {
        margin: 0;
    }

    .playercontainer
    {
        margin: 0 0 20px;
    }

    .v_controls .slidercontrols
    {
        display: none;
    }

    .sl_v_controls
    {
        display: block;
    }

    .flex-item.flx_tile
    {
        -moz-flex-basis: 25%;
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
    }

    .col.news1
    {
        padding-left: 0;
        padding-right: 15px;
    }

    .col.sl_v_c,
    .col.news1.sl_v_c
    {
        padding: 50px 15px 0 0;
    }

    .col.sliderpadding_equal,
    .col.news1.sliderpadding_equal
    {
        padding: 10px 15px 10px 0;
    }

    .col.news2
    {
        padding-left: 15px;
        padding-right: 0;
    }

    .col.news2 > .row > .col:nth-child(1)
    {
        padding: 0 0 15px;
    }

    .col.news2 > .row > .col:nth-child(2)
    {
        padding: 15px 0 0;
    }

    .col.news2 .tile .col:nth-child(1)
    {
        padding: 0 15px 0 0;
    }

    .col.news2 .tile .col:nth-child(2)
    {
        padding: 0 0 0 15px;
    }

    .row.triple_item .sl_news > .slider_padding,
    .slider_padding.slp_911
    {
        padding: 10px;
    }

    /*footer .footer-nav
    {
        border-bottom: 1px solid #494e51;
    }*/

    /*footer .footer-nav.bordertop
    {
        border-bottom: none;
        border-top: 1px solid #494e51;
    }*/

    footer form.newsletter
    {
        margin: 0;
    }

    footer .footer-nav ul.nav li
    {
        padding: 12px 8px;
        margin: 0 24px 0 0;
        border-top: none;
        border-bottom: none;
    }

    footer .footer-nav ul.nav li:last-child
    {
        border-bottom: none;
    }

    footer .footer-nav ul.nav li .lng-drop svg
    {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 10px 0 10px
    }

    footer .footer-nav ul.nav li.align_r
    {
        margin-left: auto;
    }

    footer .footer-nav ul.nav li a
    {
        padding: 0;
    }

    footer .footer-nav ul.nav li .lng-drop ul,
    footer .footer-nav ul.nav li .lng-drop ul li a
    {
        display: inline-block;
    }

    footer .flex img.footerlogo
    {
        display: block;
        margin: 0 0 0 10%;
        position: relative;

        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0;

        -moz-flex-basis: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto;
    }

    footer .footer-nav ul.nav.flex
    {
        display: -ms-flexbox;
        display: -moz-box;
        display: -webkit-flex;
        display: flex;

        -o-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;

        -webkit-align-items: stretch;
        align-items: stretch;

        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;

        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    footer .footer-nav ul.nav.flex li.flex-item
    {
        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        flex-grow: 0;

        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;

        -moz-flex-basis: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto;
    }

    footer .footer-nav ul.nav li ul.social-list
    {
        padding: 0;
    }

    .share_content
    {
        max-width: 33%;
    }

    .share_content ul.downloads li
    {
        -moz-flex-basis: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}


/* Special for main menu */
/*@media screen and (min-width: 62em) and (max-width: 80.688em)*/
@media screen and (min-width: 66.938em) and (max-width: 80.688em)
{
    header .main_menu ul.nav li.breaker
    {
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;

        -moz-flex-basis: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }

    header .main_menu ul.nav li.lg_alignleft + li.lg_alignright,
    header .main_menu ul.nav li.breaker + li.lg_alignright
    {
        margin-left: 0;
    }

    header ul.nav li.search div.search_container,
    header nav.main_menu div.search div.search_container
    {
        right: auto;
        left: 0;
    }
}


/* SPECIAL FOR SHARE WIDTH */
@media screen and (min-width: 72em)
{
    .share_content
    {
        max-width: 30%;
    }
}
@media screen and (min-width: 82em)
{
    .share_content
    {
        max-width: 28%;
    }
}
@media screen and (min-width: 92em)
{
    .share_content
    {
        max-width: 26%;
    }
}
@media screen and (min-width: 102em)
{
    .share_content
    {
        max-width: 24%;
    }
}
@media screen and (min-width: 112em)
{
    .share_content
    {
        max-width: 22%;
    }
}
@media screen and (min-width: 122em)
{
    .share_content
    {
        max-width: 20%;
    }
}