@media screen and (max-width: 1150px){



}


@media screen and (max-width: 1000px) {

    header div.actions ul li a.button
    {
        font-size:14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* hide nav */

    nav#navigation > ul > li.parent > a
    {
        background:none;
    }
    nav#navigation > ul > li.parent div.w
    {
        display:none;
        top: 101px;
    }
    nav#navigation > ul > li > a
    {
        padding:10px 8px !important;
        font-size:13px;
    }

    header div.c
    {
        height:100px;
    }

    header a.logo
    {
        top:15px;
        left:20px;
    }

    section[role="banner"]
    {
        margin-top:100px;
        margin-left: 0;
        margin-right: 0;
    }

    section[role="banner"] div.banner-box {
        padding: 0;
    }
    section[role="countdown"][category="euro2016"] + section[role="banner"]{
        margin-top: 180px;
    }
    section[role="main"].nobanner
    {
        padding-top:58px;
    }

    section[role="banner"] div.c
    {
        display:none;
    }
    ul.stats li strong
    {
        font-size:70px;
    }
    section[role="banner"] div.breadcrumbwrapper
    {
        top:0;
    }
    section[role="banner"] div.breadcrumbwrapper div.breadcrumb
    {
        padding:15px 10px;
    }

    #plannerstrip ul li
    {
        width:100% !important;
        float:none;
        display:block;
        padding:5px 0;
    }
    #plannerstrip input
    {
        max-width:50%;
    }
    #plannerstrip div.wrapper
    {
        padding:10px;
    }
    ul.contactcards li div.w a
    {
        float:none;
        display:block;
    }

    body.case-studies form#filter-options select#filter_by_marketing_objective {
        margin-left: 175px;
        margin-top: 10px;
    }

    body.case-studies form#filter-options a.button.reset {
        margin-top: 50px;
    }

    .euro-banner {
        top:100px;
        background-image: none;
    }
    .gala-banner {
        margin-top: 100px;
    }
    .gala-banner--logged-in {
        top:151px;
    }

    .euro-banner__title span {
        display: none;
    }
    .home-banner .home-banner__slide div.c {
        display: block;
        left: 20px;
        right: 20px;
        width: auto;
    }
    body.index section[role="banner"] div.t h1 {
        font-size: 24px;
    }
    section[role="banner"] div.t p {
        display: none;
    }
    section[role="main"].vip-login {
        background-position: 0 100px;
        background-size: auto calc(100% - 100px);
    }

    section[role="countdown"][category="euro2016"] + section[role="main"].vip-login {
        padding-top: 100px;
    }
    .gala-banner .timer, .gala-banner .title {
        font-size: 16px;
    }
}

@media screen and (max-width: 840px){

    #searchForm {
      float: none;
      margin: 0 auto 15px;
    }

    ul.cards.horizontal > li, #channels ul li,
    ul.cards.horizontal.three li
    {
        width:50%;
        float:left;
    }
    ul.cards.centered li {
        float: none;
    }
    #stats ul.stats li
    {
        width:100%;
    }

    nav#navigation, header div.actions, #mm-navigation div.description
    {
        display:none;
    }

    div.mobilenav, nav#navigation > ul > li.m
    {
        display:block;
    }

    aside#viewingfigures table
    {
        margin:0;
    }
    aside#viewingfigures ul
    {
        height:60px;
        margin:0;
    }

    aside#viewingfigures ul li
    {
        display:block;
        width:100%;
        box-sizing:border-box;
    }
    aside#viewingfigures ul li a
    {
        margin:0;
        display:none;
    }
    aside#viewingfigures ul li a.active
    {
        display:block;
    }

    aside#viewingfigures ul li.active a
    {
        border-radius: 0;
    }

    aside#viewingfigures ul li.active:first-child a
    {
        border-top-left-radius: 50em;
        border-top-right-radius: 50em;
    }

    aside#viewingfigures ul li.active:last-child a
    {
        border-bottom-left-radius: 50em;
        border-bottom-right-radius: 50em;
        margin-bottom: 20px;
    }

    aside#viewingfigures table tr td
    {
        display:block;
        border-bottom:1px dotted #FFF;
        padding:10px;
    }
    aside#viewingfigures table tr td:last-child
    {
        border:0;
    }
    aside#viewingfigures table tr
    {
        display:block;
        margin:0 0 30px 0;
        padding:0 10px;
    }
    aside#viewingfigures table tr td
    {
        width:auto !important;
    }
    aside#viewingfigures table tr td.no
    {
        float:right;
        position:relative;
        top:-15px;
        left:-2%;
        padding:0;
        width:50px !important;
        height:50px;
        line-height:46px;
        font-size:38px;
    }

    aside#viewingfigures table tr td:before
    {
        color:#FFF;
        white-space: nowrap;
        display:inline-block;
        width:135px;
    }
    aside#viewingfigures table tr td.channel:before
    {
        content: "Ch./Time";
    }
    aside#viewingfigures table tr td.programme:before
    {
        content: "Programme";
    }
    aside#viewingfigures table tr td.count:before
    {
        content: "000's";
    }
    aside#viewingfigures table tr td.reach:before
    {
        content: "Share";
    }

    #pr table tr
    {
        display:block;
        position:relative;
        background: url(../images/divide2.png) no-repeat center bottom;
        padding:20px 0;
    }
    #pr table thead tr
    {
        padding:0;
    }

    #pr table tr:before, #pr table tr:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
    #pr table tr:after { clear: both; }

    #pr table tr th:first-child, #pr table tr td:first-child
    {
        padding-left:10px;
    }
    #pr table td
    {
        display:block;
        padding-left:40px;
        background:none;
        min-height: 30px;
    }

    #pr table tr.detail
    {
        padding:0;
    }
    #pr table tr.detail td
    {
        padding:10px;
    }
    #pr table tr.detail td div.right
    {
        margin:20px 0 0 0;
    }

    #pr table td.channel img
    {
        max-width:70px;
    }
    #pr table th
    {
        display:none;
    }
    #pr table th:nth-child(1)
    {
        display:block;
    }
    #pr table td.checkbox
    {
        position:absolute;
        top:15px;
        left:0;
    }


    #pr table tr td:before
    {
        color:#000;
        white-space: nowrap;
        display:inline-block;
        width:135px;
        float: left;
        margin: 0 0 10px 0;
        font-weight:500;
    }
    #pr table tr td.name:before
    {
        content: "Programme";
    }
    #pr table tr td.channel:before
    {
        content: "Channel";
    }
    #pr table tr td.daypart:before
    {
        content: "Daypart";
    }
    #pr table tr td.genre:before
    {
        content: "Genre";
    }
    #pr table tr td.audience:before
    {
        content: "Audience";
    }


    ul.stats li:before {
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
    }

    ul.stats li {
        padding-left: 128px !important;
    }

    ul.stats li strong {
        font-size: 65px;
    }

    .filterpanel .search input, #contactfilter input[type="text"]
    {
        width:100%;
        min-width: 100%;
    }
    .filterpanel.dark ol > li, body.case-studies .filterpanel.dark ol > li:nth-child(1)
    {
        width:100% !important;
        margin-bottom:20px;
        float:none;
        display:block;
    }
    .filterpanel ol > li
    {
        width:33.3% !important;
        margin-bottom:20px;
    }

    .filterpanel ol > li:nth-child(4)
    {
        clear: both;
    }
    .filterpanel div.row select, div.tabbed div.panel select
    {
        width:100%;
        margin:0 0 10px 0;
    }
    .filterpanel div.row label
    {
        width:100%;
        display:block;
        margin:0;
        text-align:left;
    }

    section .filterpanel:not(#newsfilter) h2 span {
        left: -305px;
        top: 25px;
    }

    #plannerstrip div.left {
        width: 45%;
    }

    #plannerstrip div.right {
        width: 55%;
    }

    body.case-studies form#filter-options select#filter_by_marketing_objective {
        margin-left: 0;
    }

    body.case-studies form#filter-options a.button.reset, body.case-studies form#filter-options select#filter_by_marketing_objective {
        margin-top: 0;
    }


    section[role="main"].nobanner
    {
        padding-top:56px;
    }

    footer .euro-footer {
        height: 540px;
    }
    footer .copy div.links {
      float: none;
      text-align: center;
    }
    footer .copy .sub {
      text-align: center;
      padding-top: 10px;
    }
    section[role="banner"] div.t {
        top: 50px;
    }
    .lightbox {
        padding: 30px;
    }
    .vip-footer #newsresults {
        padding-top: 0;
    }
}

@media screen and (max-width : 767px) {
    .looping-gallery-block .wrapper {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
   .looping-gallery-block__images {
        width: 100%;
    }
    .looping-gallery-block .slick-track {
        padding: 40px 0;
    }
   .looping-gallery-block__content {
        padding-left: 0;
        width: 100%;
    }
    .looping-gallery-block .slick-dots {
        margin: 0;
    }
    .looping-gallery-block .slick-slide {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin: 0 10px;
    }
    .looping-gallery-block .slick-slide:after {
        display: none;
    }
    .gala-stats-block .stat .number {
        font-size: 70px;
        margin-bottom: 15px;
    }
    .gala-testimonial-block .quote {
        padding-right: 0;
    }
    .lightbox--gala h2 {
        font-size: 38px;
    }
    .lightbox--gala p {
        font-size: 18px;
    }
}


@media screen and (max-width: 700px){
    .curve-block {
        border-bottom-right-radius: 160px 15px;
        border-bottom-left-radius: 160px 15px;
    }
    #stats div.quickstats, div.dotteddivide
    {
        padding-top:20px;
    }
    #stats div.quickstats ul li
    {
        width:100%;
        float:none;
        padding:20px 20px;
        display:block;
    }

    #brandlogos
    {
      -webkit-justify-content: center;
      justify-content: center;
    }

    #brandlogos a {
        max-width: 50%;
    }

    #brandlogos img
    {
      margin: 10px;
    }

    footer .brands a {
      width: 25%;
    }

    aside#news:after, aside#news:before
    {
        display:none;
    }
    a.button.large, button.button.large
    {
        font-size:22px;
        padding:18px 30px 20px 30px;
    }
    section[role="main"]
    {
        padding-top:10px;
    }
    ul.introcards
    {
        padding:0 0 20px 0;
        margin:0;
    }
    #channels ul
    {
        margin:0 !important;
    }
    ul.introcards li, #channels ul li
    {
        width:100% !important;
        float:none;
        margin:20px 0;
    }
    #channels ul li a.w
    {
        margin:0;
    }

    div.left, div.right
    {
        width:100% !important;
        float:none;
        padding:0;
        margin:20px 0;
    }
    div.left.divided {
        border-right: none;
    }
    div.form div.left, div.form div.right
    {
        padding:0;
        margin:10px 0;
    }

    aside#news ul.list li, footer .tweets ul.list li.tweet-item, aside#news.lives ul.list li
    {
        float:none;
        width:100% !important;
        margin:20px 0;
        overflow:hidden;
    }
    aside#news ul.list li img, #newsresults ul li img, #newsresults ul li div.c
    {
        float:none;
        width:100%;
    }
    aside#news ul.list li div.c
    {
        padding:0;
    }
    #newsresults ul li div.c
    {
        padding:20px;
        box-sizing:border-box;
    }
    footer .tweets ul.list
    {
        padding-top:10px;
    }

    aside p.all, footer div.follow, div.padded p.all, div.divide p.all, .filterpanel div.orderby
    {
        position:static;
    }
    .filterpanel div.orderby
    {
        float:none;
        margin:20px 0 10px 0;
    }

    footer .subscribe label, footer .subscribe div.input
    {
        float:none;
        width:100%;
    }
    footer .subscribe label
    {
        text-align:center;
        padding:0 0 15px 0;
        display:block;
    }

    #recent, #article
    {
        clear:both;
        float:none;
        width:100%;
        max-width:100%;
    }

    #contactfilter.filterpanel:after
    {
        left:50%;
    }
    #contactfilter form:after
    {
        display:none;
    }

    section.fixed div.panel,
    .formidable,
    .gala-main .formidable
    {
        padding:20px;
    }
    section.fixed div.panel.login input
    {
        width:100%;
        padding:8px 0;
        text-align:left;
    }

    .filterpanel ol > li
    {
        width:50% !important;
    }


    .filterpanel div.wrapper.search
    {
        padding-top:0;
    }
    .filterpanel .search.subscribe input
    {
        width:50%;
    }
    div.tabbed div.panel label
    {
        padding:0 0 10px 0;
        display:block;
    }

    .filterpanel ol > li:nth-child(4)
    {
        clear: none;
    }

    #mediaresults ul.medialist li
    {
        width:100%;
    }

    ul.contactcards li div.c h3
    {
        font-size:16px;
        padding-top:10px;
    }
    ul.contactcards li div.c p
    {
        font-size:14px;
    }

    ul.stats li
    {
        padding-top:10px;
    }
    aside#research ul.stats
    {
        padding:0;
    }
    ul.stats li strong
    {
        font-size:50px;
    }

    div.tabbed ul li, div.tabbed.searchresults ul li, div.tabbed.fusion ul li
    {
        display:block;
        width:100% !important;
    }
    div.tabbed ul li a
    {
        display:block;
        width:auto;
        width:100% !important;
        box-sizing:border-box;
    }

    div.introquote img.f_right
    {
        margin:20px 0 0 0;
        float:none;
    }

    footer .copy
    {
        text-align:center;
    }
    footer .copy div.links
    {
        float:none;
    }

    div.form ul.checkboxes
    {
        overflow:hidden;
    }
    footer .tweets {
        background-image: none;
    }
    footer .twitter-heading{
        margin-bottom: 0;
    }

    footer .tweets h2
    {
        font-size:20px;
        line-height: 22px;
        text-align:left;
    }

    footer .subscribe input
    {
        width:100%;
        display:block;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align:center;
        margin:0 0 10px 0;
    }
    footer .subscribe button.button
    {
        width:100%;
        -webkit-border-radius: 50em;
        -moz-border-radius: 50em;
        border-radius: 50em;
    }


    ol.pagination li a
    {
        width:32px;
        height:32px;
        line-height:28px;
    }
    ol.pagination li a.first, ol.pagination li a.last
    {
        display:none;
    }
    ol.pagination li a.prev
    {
        margin:0 5px;
        background-position:9px 11px;
    }
    ol.pagination li a.next
    {
        margin:0 5px;
        background-position:-45px 11px;

    }
    .vip-slider .slick-arrow {
        width: 20px;
        height: 20px;
    }
    .vip-slider .slick-prev {
        margin-right: 10px
    }
    .vip-slider .slick-next {
        margin-left: 0;
    }
    .why-itv-block__footer {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 14px;
    }
    .featured-news .tweets {
        padding: 20px 0 0;
        border-top: dotted 1px rgba(255,255,255,0.5);
    }
}

@media screen and (max-width: 567px) {
  #channels ul li img.logo {
    float: none;
    margin: 0px 0px 10px 0px;
    width: 25%;
  }

  #channels ul li .fact, #channels ul li .description {
    clear: both;
  }
}

@media screen and (max-width: 550px){
    ul.cards.horizontal > li, #channels ul li,
    ul.cards.horizontal.three li
    {
        width:100%;
    }
    .filterpanel ol > li
    {
        width:100% !important;
    }
    .home-banner__player-button {
        top: 65px;
        -ms-transform: translate(-50%, -50%) scale(0.5);
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        transform: translate(-50%, -50%) scale(0.5);
    }
    .lightbox div.form input[type=file] {
        margin-left: -100px;
        padding-left: 0;
        padding-top: 50px;
    }
    .lightbox div.form input[type=file]:before {
        left: 100px;
   }

   section[role="countdown"][category="euro2016"] + section[role="banner"] {
     margin-left: 0;
     margin-right: 0;
   }

   section[role="banner"] div.t {
     top: 20px;
   }

   section[role="banner"] div.t h1:after {
     background: url('../images/arrow-right-hover.png') no-repeat top left;
     content: "";
     display: inline-block;
     height: 20px;
     margin-left: 10px;
     margin-top: 4px;
     position: relative;
     top: 2px;
     width: 13px;
   }

   body.index section[role="banner"] div.t h1 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 8px;
   }

   .home-banner .home-banner__asset{
    margin-top: 0;
   }
   .home-banner .home-banner__asset-icon{
    width: 42px;
   }
   .gala-stats-block .stat,
   .gala-testimonial-block .column {
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    .gala-stats-block img {
        margin-top: 0;
    }
    .gala-testimonial-block .logo {
        margin-top: 0;
    }
    .gala-banner {
        height: 137px;
    }
    .gala-banner-wrapper {
        padding-top: 10px;
    }
    .gala-banner .countdown {
        display: block;
        text-align: center;
    }
    .gala-banner .countdown:before {
        bottom: 78px;
    }
    .gala-banner .countdown:after {
        bottom: 34px;
    }
    .gala-banner .timer, .gala-banner .title {
        width: 100%;
        padding-top: 0;
    }
    .gala-banner img {
        margin: 10px 0 5px;
    }

    footer .brands a {
      width: 50%;
    }
}

@media screen and (max-width: 414px){
    .mobilenav li.search form.open {
        width: 200px;
    }

    section .filterpanel:not(#newsfilter) h2 span {
        left: 3px;
        top: 10px;
        display: block;
    }

    .arrow.top {
        top: -100px;
    }
}

@media screen and (max-width: 400px){

    footer .brands span
    {
        background:url("../images/footer-logos.png") center no-repeat;
        background-size:100%;
        height:100px;
    }
    #brandlogos span
    {
        background:url("../images/brand_logos_mobile.png") center no-repeat;
        background-size:100%;
        height:100px;
    }

    header div.c
    {
      height:65px;
    }

    header a.logo
    {
        top:14px;
        left:15px;
        width: 50px;
        height: 36px;
    }

    section[role="banner"]
    {
        margin-top:65px;
    }

    section[role="countdown"][category="euro2016"] + section[role="banner"]{
        margin-top: 130px;
    }
    section[role="main"].nobanner
    {
        padding-top:15px;
    }

    div.mobilenav
    {
        top:13px;
        right:20px;
    }
    #hamburger
    {
        top:-8px;
        width:25px;
        height:22px;
    }
    #hamburger span, #hamburger:before, #hamburger:after
    {
        width:25px;
        height:2px;
    }
    #hamburger span
    {
        margin-top:-1px;
    }
    html.mm-opening #hamburger span
    {
        left:-25px;
    }
    html.mm-opening #hamburger:before
    {
        top:10px;
    }
    html.mm-opening #hamburger:after
    {
        bottom:10px;
    }


    a.button.adjacent
    {
        margin:5px 0;
    }
    section.fixed div.panel button.button
    {
        width:100%;
    }

    aside#talktous h2
    {
        margin-top:30px;
    }

    .euro-banner,
    .gala-banner {
        top:50px;
    }
    .gala-banner--logged-in {
        top: 100px;
    }

    .gala-banner {
        margin-top: 52px;
    }

}

@media screen and (max-width: 375px){
    div.mobilenav {
        top: 6px;
    }
}

@media screen and (max-width: 360px){
    #regional img.ukmap{
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    section .filterpanel h2 span {
        left: 3px;
        top: -2px;
    }
}

@media screen and (max-width: 320px){
    ul.contactcards li div.w {
        font-size: 16px;
    }

    ul.stats li strong  {
        font-size: 40px;
    }
}