.mobile-only { display:none; }

.above991 { display:block; }
.below991 { display:none!important; }

.below480 { display:none; }


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    
    
    ul.landing-subnav {
        margin-left:0;
    }


    section#mainnav .navbar-nav > li > a {
        margin-left:10px;;
    }
    
    
    /* 'in this section' feature. Reduce left margin to fit on smaller screens */
    section#title .title-inthissection-header,
    section#title .title-inthissection ul {
        padding-left:30px;
    }
    
    
    body.home section#title h1 {
        font-size:46px;
        line-height:48px;
    }
}

/* 
Below 991px.
Collapse the navbar

*/

@media (max-width: 991px) {
    
    .search-toggle {
        display:block;
    }
    
    .above991 { display:none!important; }
    .below991 { display:block!important; }    
    
    .below991 img { width:100%; height:auto; }
    
    /* this should increase left right margin to 30px on mobile/tablet portrait */
    .container-fluid .landing-item .row-landing-image > .row,
    .container-fluid .landing-item > .row,
    .container-fluid > .row {
        margin-left:0;
        margin-right:0;
    }
    
    .block-video .container-fluid > .row {
        margin-left:-15px;
        margin-right:-15px;
    }
    
    #mainnav .navbar {
        padding:0 15px;
    }
    
    .search-toggle {
        right:65px;
    }
    
  /* To collapse the navbar */
  .navbar-header {
      float: none;
      height:75px;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 0;
      box-shadow: none!important;
      left:0;
      top:0;
      width:100%;
      height:100%;
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin: 7.5px 0 0 0;
      
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  /* End - collapse the navbar */
  
  /* style the navbar to be full screen and BIG */
  section#mainnav .navbar-nav {
    max-width:340px;
    margin:35px auto 0 auto;
  }
  
  section#mainnav .navbar-nav > li#menu-item-35 > a,
  section#mainnav .navbar-nav > li > a {
    font-size:27px;
    color:#fff;
    font-weight:bold;
    border-top:1px solid #2a4589;
    border-left:0!important;
    padding:28px 0 0 0;
    max-width:inherit;
    margin:28px auto 0 auto;
    
  }
  
  section#mainnav .navbar-nav > li > a:hover,
  section#mainnav .navbar-nav > li > a:focus {
    color:#3764d8;
    border-left:0!important;
  }
  
  section#mainnav .navbar-nav > li > a br {
    display:none;
  }
  
  .navbar-collapse.in {
    overflow:hidden;
  }
  
  /* Hide the Top Nav, except the cookie display */
  section#topnav {
    height:auto;
  }
  
  section#topnav div.social-icons,
  section#topnav form {
    display:none;
  }
  
  section#topnav div.cookie-notice {
    margin:10px 0;
  }
  
  section#topnav div.cookie-notice p {
    line-height:1.3;
    text-align:left;
    margin:0;
  }
  
  /* recolour main nav for tablet / mobile */
  section#mainnav {
    background:#12223c;
    height: 75px;
    padding:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
  }
  
  /* which logo to display */
  section#mainnav .navbar-brand img.logo-desktop {    display: none; }
  section#mainnav .navbar-brand img.logo-tablet  {    display: block; }
  
  /* display the home link */
  section#mainnav li#menu-item-149 {
        display:inherit;
        border-top:0;
  }
  
  /* also ensure that the home link doesn't have a top border */
  section#mainnav li#menu-item-149 a {
    border-top:0;
    margin-top:0;
    padding-top:0;
  }
  
  /* and display the social icons on the popup */
  section#mainnav .social-icons {
    display:block; 
  }
  
  /* article title section */
  .video-bg section#title,
  section#title {
    background:#e8731a;
  }
  
  section#title h1 {
    font-size:60px;
    line-height:60px;
  }
  
    section.block-homevideo,
    section.block-video,
    section.block-text {
        padding:30px 0;    
    }  
    
    section.block-text.blue-block h2 {
        margin-bottom:20px;
    }
    
    #title-wrapper-landing {
        height:inherit;
            
    }
    
    body.home section#title .title-column {
        margin-top:300px;
    }
    
    body.home section#title h1 {
        font-size:38px;
        line-height:38px;
    }
    
    body.home section#title {
        margin-bottom:30px;
    }
    
    .homepage-block-image {
        height:192px;
    }
    
    .homepage-block-image h2 {
        font-size:28px;
        padding:0 30px 50px 30px;
    }
    
    .homepage-block-tall .homepage-block-image {
        height:245px;
    }
    
    .large-feature {
        margin-bottom:30px;
    }
    
    .landing-page-bg {
        width:100%;
        background-size:100%;
        background-repeat:no-repeat;
    }
    
    body.page-template-page-landing .landing-page-bg.below991 {
        height: 400px;
        position: relative;
    }
    
    /* landing page */
    .landing-item-text {
        margin-top:400px;
    }
    
    footer .large-feature .feature-text {
        padding:0;
        height:inherit;
    }
    
    .landing-item-text h2 {
        margin:30px 0;
    }
    
    .double-padding-left {
        padding-left:15px;
    }
    
    #topnav-gap {
        display:block;
    }
    
    body.home #title-wrapper-landing {
        height:auto;
    }
    
    /* fix menu not scrolling if larger than screen */
    #mainnav .main-nav-inner {
        overflow-y: auto;
        position: absolute;
        z-index: 999;
        width:100%;
        background:#12223c;
    }
    
    section#mainnav .social-icons {
        padding-bottom:100px;
    }
    
    
    
}



/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    footer .navbar-nav {
        margin-top:0;
    }


    
    footer .footer-menu li a {
        line-height:22px;
    }
    
    footer .social-icons {
        position:absolute;
        top:14px;
        right:14px;
    }
    
    footer .copyright p { 
        text-align:left;
    }
    
 
    /* article - list rows */
    section.block-text .row-list {
        margin-top:0;
    }
    
    section.block-text .row-list > div {
        margin-top:60px;
    }    
    
    
    .showother {
        margin-top:40px;
    }
    
    .video-overlay-image .video-play {
        width:160px;
        height:160px;
        font-size:14px;
        margin-left:-80px;
        margin-top:-80px;        
    }
    
    .video-overlay-image .video-play i {
        font-size:35px;
        margin-top:55px;
    }
    
    /* the cookie popup */
    
    section#topnav div.cookie-notice {
        margin: 80px 0 20px;
        width: 100%;
    }
    
    body.has_cookie_warning #topnav-gap {
        display:none;
    }
    
        footer div.feature {
        margin-top:30px;
    }

    footer div.feature-first  {
        margin-top:0;
    }
            
       
}

@media only screen and (max-width : 1170px) {
    .home-video.expanded .video-overlay-image, .home-video.expanded {
        height:auto;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    
    .video-overlay-image,
    .home-video,
    .home-video.expanded .video-overlay-image,
    .home-video.expanded {
        height:auto;
    }
    
    .video-text {
        font-size:24px;
        margin-top:40px;
    }

    
    footer div.feature {
        margin-top:30px;
    }

    footer div.feature-first  {
        margin-top:0;
    }
    
    footer .large-feature .feature-text,
    footer .feature-text {
        padding:10px 30px 25px 30px;
    }
    
    section.blue-block {
        padding-bottom:60px;
    }
    
    .landing-page-bg {
        height:300px;
    }
    
    
    footer .feature h2 {
        margin:20px 0;
    }
    
    .container-fluid.category-container {
        margin:0;
        padding:0;
    }
    
    .container-fluid.category-container .col-xs-12 {
        padding:0;
        margin:0;
    }
    
    .container-fluid.category-container label {
        display:none;
    }
    
    .category-selector {
        padding:30px;
    }
    
    .sbOptions,
    .sbHolder { 
        width:100%;
    }
    
    .carousel-caption {
        padding-left:30px;
        padding-right:30px;
    }
    
    .carousel-control.left,
    .carousel-control.right {
        position:relative;
        margin: 15px 30px;
        right:inherit;
        top:inherit;
        bottom:inherit;
        left:inherit;
        float:left;
    }
    
    .carousel-control.right { 
        float:right;
    }

    /* sitemap */    
    #wpseo_sitemap div {
        width:100%;
        margin-right:0;
        float:inherit;
    }
    
    .carousel-control {
        display:none!important;
    }
    
    .carousel-caption {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    
    .carousel-caption { 
        padding:0 30px;
    }
    
  .mobile-only { display:block; }
      
  /* which logo to display */
  section#mainnav .navbar-brand img.logo-tablet  {    display: none!important; }
  section#mainnav .navbar-brand img.logo-mobile  {    display: block!important; }
  
  section#mainnav .navbar-nav > li#menu-item-35 > a,
  section#mainnav .navbar-nav > li > a {
    font-size:24px;
    padding-top:16px;
    margin-top:16px;
  }  
  
  
  /* changes to the navigation */
  section#mainnav .navbar-nav {
    max-width:inherit;
  }
  
  section#mainnav .navbar-nav > li > a { 
        margin-left:0;
  }
  
  /* footer - put icons below */
    footer .social-icons {
        float: none !important;
        position: relative;
        right: inherit;
        text-align: left;
        top: inherit;
        margin:30px 0 15px;
    }
  
    /* swap the margin so left aligned */
    footer .social-icons a {
        margin:0 8px 0 0;
    }
    
    footer .copyright {
        margin-top:30px;
    }
    
    /* article title section */
    section#title h1 {
        font-size:34px;
        line-height:35px;
    }   
    
    section#title p {
        font-size:18px;
        line-height:24px;
    }
    
    section#title .row .title-column {
        padding-top:20px;
    }
    
    /* hide 'share this article' text */
    .social-share > span {
        display:none;
    }
    
    /* breadcrumbs */
    #title.landing .taodw-breadcrumb .row div.breadcrumb-wrapper {
        padding-top:0;
    }
    .taodw-breadcrumb {
        border-bottom:1px solid #fff!important;
        padding:17px 0!important;
    }
    
    /* hide this as it's displayed below */
    /*
    body.page-template-default .taodw-breadcrumb p#breadcrumbs span.breadcrumb_last {
    */
    .taodw-breadcrumb p#breadcrumbs span.breadcrumb_last {
        
        display:none;
    }
    
    .taodw-breadcrumb-title.mobile-only {
        display:none;
    }
    
    body.page-template-default .taodw-breadcrumb-title.mobile-only {
        display:none;
    }
    
    /* article - video block */
    section.block-video { 
        padding:0;
    }
    
    section.block-video .row > div {
        padding:0;
    }
    
    blockquote {
        border-left: 0;
        padding-left:0;
    }
    
    blockquote p {
        font-size:20px;
        line-height:28px;
    }
    
    p cite {
        margin-left:0;
    }
    
    .mobile-hide { display:none!important; }
    
    /* article related pages */
    .col-related-pages {
        margin-top:60px;
    }
    
    /* article blue block */
    section.block-text.blue-block h2 {
        font-size:32px;
    }
    
    .circle-image {
        margin-top:20px;
    }
    
    /* home page */
    .landing-page-bg.below991,
    .landing-page-bg {
        display:none!important;
    }
    
    body.home section#title .title-column {
        margin-top:0;
    }
    
    footer .large-feature .feature-text {
        height:inherit;
    }
    
    #title-wrapper-landing, .landing-page-bg {
        margin-bottom:0;
    }
    
    .container-landing {
        padding-top:60px;
    }
    
    .row-landing-image {
        position:relative;
    }
    
    .landing-item-text {
        margin-top:0;
    }
    
    .landing-item-text h2 {
        font-size:24px;
        line-height:24px;
        margin:30px 0;
    }
    
    .double-padding-left {
        padding-left:15px;
    }
    
    .landing-item {
        margin-bottom:30px;
    }
    
      
    .homepage-block-image {
        height:245px;
    }
    
    
    footer .footer-menu {
        padding:0;
        border:none;
    }
    
      
    body.home section#title h1 {
        font-size:32px;
        line-height:32px;
    }
    
    .below480 { display:block; }
    
    .below480 img { width:100%; height:auto; }    
    
    .video-overlay-image .video-play {
        width:110px;
        height:110px;
        margin-left:-55px;
        margin-top:-55px;
        font-size:12px;
    }
    
    .video-overlay-image .video-play i {
        font-size:25px;
        margin-top:40px;
    }
    
    .video-overlay-image .video-play span {
        margin-top:7px;
    }    
    
    .video-overlay-image {
        margin-right:0;
    }
    
    /* hide video overlay image on mobile, due to ios restrictions */
    .video-overlay-image {
        display:none;
    }
    
    /* except on homepage */
    section.block-homevideo .video-overlay-image {
        display:inherit;
    }
    
    .home-video .video-overlay-image .video-play {
        height:36px;
        width:36px;
        margin-left:-18px;
        margin-top:-18px;
    }
    
    .home-video .video-overlay-image .video-play i {
        margin-top:10px;
        font-size:16px;
    }
    
    .video-text {
        font-size: 16px;
        margin-top: 25px;
    }
    
    #title-wrapper-landing { 
        min-height:inherit;
    }
  
}


@media only screen  and (min-width : 991px) and (max-width : 1199px) {
    footer .feature-text h2 {
        margin-bottom:10px;
    }
    
    footer .feature-text p {
        line-height:24px;
    }   
}