@media screen and (max-width: 985px) {
    .centered-content{
        margin: 0 auto;
        position:relative;
        /* background-color: rgba(255,0,0,0.5); */  /* uncomment to see containers */
    
    }
    
    body.hamburger-open {
        overflow:hidden;
    }
    
    .main-header-section {
        height:145px;
    }
    
    .main-header-section .green-bar {
        display:none;
    }
    
    .mobile-nav-top {
        display:block;
    }
    
    .mobile-nav-bottom {
        display:block;
    }
    
    .main-header-nav {
        right: -80%;
        top: 0px;
        position: fixed;
        z-index: 1001;
        width: 80%;
        background:#666;
        height:100%;
        border-left:5px solid #FFF;
        box-sizing:border-box;
        transition:right 0.5s;
        -webkit-transition:right 0.5s;
        overflow-y:scroll;
        overflow-x:hidden;
    }
    
    .main-header-nav>ul {
        margin-top:65px;
    }
    
    .main-header-nav.open {
        right:0;
    }

    .main-header-nav>ul>li:first-child {
        margin:0;
    }

    .main-header-nav>ul>li, .main-header-nav>ul>li>a {
        font-size: 1.3125rem;
        width:100%;
        line-height:60px;
    }
    
    .main-header-nav>ul>li:not(:last-child) {
        border-bottom:1px solid #FFF;
    }
    
    .main-header-nav>ul>li>ul {
        display:none;
    }
    
    .header-width{
        width:100%;
    }
    
    .main-header-buy-shop {
        display:none;
    }
    
    .body-width{
        width:100%;
    }
    
    .main-header-top-section {
        left:0px;
        width: 100%;
        background:#d04829;
        position:fixed;
        top:0;
        z-index:900;
    }
    
    .main-header-logo {
        position:fixed;
        top:0;
        left:-5px;
    }
    
    .main-header-top-section>div:not(.main-header-dates) {
        display:none;
    }
    
    .main-header-top-section .hamburger {
        display:block;
    }
    
    .main-header-top-section .main-header-dates {
        margin-top:50px;
        float:right;
    }
    
    .main-header-buy-shop {
        display:block;
        margin:0 auto;
        background-image: url('../media_assets/buyshop_mobile.png');
        width:247px;
        height:105px;
        font-size: 1.0625rem;
    }
    
    .main-header-buy-shop>a {
        height:105px;
        line-height:105px;
        padding-top:0;
    }
    
    .main-header-shop {
        width:100px;
        margin-right:10px;
    }

    .main-header-buy {
        width:127px;
        margin-left:10px;
    }
    .main-header-buy-shop.buy-hover{
        background-position:center 210px;
    }
    
    .main-header-buy-shop.shop-hover{
        background-position:center 105px;
    }
    
    .mobile-hashtag {
        float: left;
        margin: 0 0 10px 10px;
        font-size: 1.4375rem;
        line-height:28px;
        font-family: 'Varela Round', sans-serif;
    }
    
    ul.mobile-social {
        float: right;
        margin: 0 5px 10px 0;
    }
    
    .mobile-social a {
        margin-top:0;
    }
    
    .mobile-nav-bottom hr {
        margin:5px 10px 15px;
    }
    
    .footer-newsletter #mc_embed_signup, .sponsor-section .official-broadcaster, .sponsor-section .host-city, .sponsor-section .host-first-nation, .sponsor-section .host-municipalities, .below-sponsor-section {
        display:none;
    }
    
    .sponsor-section .lead-partner, .sponsor-section .funding-parties {
        width:100%;
    }
    
    .sponsor-section .premier-partner, .sponsor-section .official-supplier {
        width:50%;
        padding:0 20px;
        box-sizing:border-box;
    }
    
    .sponsor-section>.small {
        height:170px;
    }
    
    .sponsor-section>div.funding-parties {
        padding:0;
    }
    
    #top-footer{
        height:995px;
        background-image: url('../media_assets/footerbg_mobile.png');
    }
    
    #bottom-footer {
        height:70px;
        text-align:center;
    }
    
    #bottom-footer span {
        width:100%;
        padding:20px 0 10px;
        text-align:center;
    }
    
    .bottom-footer-nav {
        margin:0 auto 20px;
        float:none;
        display:inline-block;
    }
    
    .bottom-footer-nav li {
        padding: 0;
    }
    
    .bottom-footer-nav li.nomobile {
        display:none;
    }
    
    .footer-visit-pachi h3, .footer-visit-pachi span.mobile {
        text-align:center;
        padding: 0 20px 0 195px;
        display:block;
        max-width:185px;
    }
    
    .footer-visit-pachi h3 {
        margin: 117px auto 0;
    }
    
    .footer-visit-pachi span.mobile {
        margin: 80px auto 0;
    }
    
    .footer-visit-pachi {
        margin:85px 0 0 0;
    }
    
    .footer-newsletter {
        left:0;
    }
    
    .footer-app {
        right:0;
    }
    
    .footer-app> h3 {
        margin-bottom:12px;
    }
    
    .orange-footer-section>div:not(.footer-visit-pachi) {
        height:auto;
        position:absolute;
        top:565px;
        width:50%;
        text-align:center;
        padding:0 20px;
    }
    
    .orange-footer-section>div:not(.footer-visit-pachi) h3 {
        color:#b26200;
    }

    .footer-newsletter .btn {
        display:block;
    }
    
    iframe {
        width:98%;
        overflow: auto; 
        display: block;
    }
    
    iframe *{
        box-sizing:border-box;
    }
    
    .box {
        margin:12px 0;
    }
    
    .box-size-1_4{
        width:25%;
    }
    
    .box-size-3_4{
        width:75%;
    }
    
    .box-size-1_3{
        width:100%;
    }
    
    .box-size-2_3{
        width:100%;
    }
    
    .box-size-1_2{
        width:100%;
    }
    
    .box-size-1_1{
        width:100%;
    }
    
    .no-underline, .no-underline:hover, .underline-hover{
        text-decoration:none;
    }
    
    .underline-hover:hover, .underline-hover:focus{
        text-decoration:underline;
    }
    
    h1, h2, h3, h4 {
        font-family: 'Varela Round', sans-serif;
        letter-spacing: 0px;
    }

    .featured-article-with-image {
        margin:20px;
    }
    
    .popsicle-container{
        height: auto;
    }
    
    .popsicle{
        margin: 0px auto;
        width:100%;
        
          transform: translateX(0px);
          -ms-transform: translateX(0px);
          -webkit-transform: translateX(0px);
          border-radius: 0;
    }
    
    .popsicle-container:not(.social) .popsicle-title {
      border-right: none;
      padding-left: 20px;
      font-size: 2.1875rem;
      margin-bottom: 16px;
    }

    .featured-article-app-download-links{
        text-align: center;
    }

    .parent-logos {
      height: auto;
      width: 100%;
     overflow: auto;
    }
    
    .footer-visit-pachi {
        width: 100%;
    }
    
    .footer-newsletter{
        width:100%;
    }
    
    .takepart-panamania>ul>li>.panamania-info {
      width: 88%;
    }
    
    .takepart-panamania>ul>li>.panamania-date {
      width: 10%;
    }
    
    .takepart-panamania .panamania-info .event-title {
      width: auto;
    }
    
    .takepart-spectatorinfo {
      float: left;
      overflow: hidden;
      padding: 5px;
      width: 33.33%;
      box-sizing: border-box;
    }
    
    .takepart-spectatorinfo .spectatorinfo-image {
      display: block;
      width: 100%;
      overflow: hidden;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
    
    .countdown-wrap {
        display:none;
    }
    
    .for_bots {
        margin:12px 0;
    }
    
    .btn{
        text-align: center;
        margin:12px 0;
    }
    
    .btn-large{
        font-size: 1.125rem;
        padding: 14px 40px;
    }
    
    .btn-medium{
        font-size: 1.125rem;
        padding: 14px 40px;
    }
    
    .btn-small{
        font-size: 1.125rem;
        padding: 14px 40px;
    }
    
    .btn.align-center{
        text-align: center;
    }
    
    .btn.align-left{
        text-align: center;
    }
    
    .btn.align-right{
        text-align: center;
    }
    
    .whatshappening-gallery-item{
        box-sizing:border-box;
        display:block;
        height:150px;
        width:33.33%;
        overflow:hidden;
        float:left;
        padding: 5px;
    }
    
    .whatshappening-image{
        display:block;
        height:91px;
        width: 100%;
        overflow:hidden;
        
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
    .whatshappening-video{
        background-image: url('../media_assets/purpleplay.png');
        background-repeat: no-repeat;
        background-position: center;
        height:91px;
        width: inherit;
        z-index:10;
        position:absolute;
        transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    
    }
    
    .whatshappening-video-large{
        background-image: url('../media_assets/purpleplay_large.png');
        height:150px;
        width: 310px;
        
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    
    .whatshappening-gallery-item>.bg-cover>img {
      margin-top: 0px;
      margin-left: 0px;
    }
    
    .takepart-spectatorinfo .bg-cover>img {
       margin-top: 0px;
      margin-left: 0px; 
    }
    
    .takepart-venueinfo>.bg-cover>img {
      margin-top: 0px;
      margin-left: 0px;
    }
    
    .takepart-venueinfo .venueinfo-image {
      height: 200px;
      width: 100%;
    }
    
    .bg-cover>img {
      transform: translate(0px, 0px); 
      -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
    }
    
    .celebrate-venueinfo, .photo-gallery-expanded .gallery-item, .video-gallery-expanded .gallery-item, .latest-news-collection-brief .news-item {
      width: 50%;
    }
    
    .photo-gallery-expanded .gallery-item-image, .video-gallery-expanded .gallery-item-image, .latest-news-collection-brief .news-item, .celebrate-venueinfo .celebrate-image {
      width: 100%;
    }
    
    .panamania-listing a.listing-thumb img, .venue-landing-navigation>li .image-container>img, .celebrate-venueinfo>.bg-cover>img, .listing-item .image-container>img, .photo-gallery-expanded .gallery-item-image>img, .video-gallery-expanded .gallery-item-image>img, .latest-news-collection-brief .news-item>img {
      margin-top: 0px;
      margin-left: 0px;
    }
    
    .countries-landing-navigation>li .image-container img {
        margin-top: 0px;
        margin-left: 0px;
    }
    
    .tab-group-wrap {
        height:auto !important;
    }
    
    .tab-group {
        padding:0;
    }
    
    ul.tab-group:not(.nav) li.tabs, ul.tab-group:not(.nav) li.tabs.selected {
        height:auto;
        background:transparent;
    }
    
    ul.tab-group li.tabs {
        border-width:0;
        float:none;
        padding:0;
        margin:20px 5px 0;
    }
    
    ul.tab-group:not(.nav) li.tabs:not(.selected):not(:hover)>a, ul.tab-group:not(.nav) li.tabs:not(.selected):not(:hover) {
        color:inherit;
    }
    
    ul.tab-group:not(.nav) li.tabs.selected>a {
        height:auto;
    }
    
    ul.tab-group li.tabs .tab-title {
        border-style: solid;
        border-width: 1px 1px 0 1px;
        border-radius: 5px 5px 0 0;
        padding: 10px;
        background-color: #FFF;
        display: block;
        z-index: 1;
        position: relative;
        height:auto;
        margin:0 20px;
    }
    
    .sport-landing-navigation>li {
        margin:15px 8px 0;
    }
    
    ul.tab-group li .tab-content {
        position:relative;
        display:block;
        border-width:0;
        z-index:0;
        padding:0;
    }
    
    ul.tab-group:not(.nav) li.tabs .tab-content {
        top:0;
        border-top:1px solid;
        margin-top:-1px;
        padding-top:10px;
    }
    
    ul.tab-group:not(.nav) li.tabs:not(.selected):not(:hover) {
        color:inherit;
    }
    
    .sport-landing-navigation>li .image-container img {
        margin:0;
    }
    
    ul.listing li.filter-item>ul {
        position:relative;
        width:100%;
        top:0;
        display:block;
        left:0 !important;
    }
    
    ul.listing li.filter-item {
        padding:15px 0;
        border-bottom:0 none;
    }
    
    ul.listing.venue-landing-navigation {
        padding:0 8px;
    }
    
    
    ul.listing li.filter-item.selected .selected-arrow {
        display:none;
    }
    
    ul.listing .filter-by-area {
        display:none;
    }
    
    .venue-landing-navigation .filter, ul.listing li.filter-item a.filter.grey {
      color: #522398;
    }
    
    #main-slideshow, #main-hero {
        width:100%;
    }
    
    #main-slideshow, #main-hero {
        background:transparent;
    }
    
    #main-slideshow, #main-hero, #main-slideshow .slideshow-gallery-controls .centered-content, #main-hero .centered-content {
        height:auto;
        position:relative;
        width:100%;
    }
    
    .slideshow-gallery li {
        height:auto;
        position:relative;
        width:95%;
    }
    
    .slideshow-gallery li:only-child {
        width:100%;
    }
    
    #main-hero .hero-image {
        position:relative;
        width:95%;
    }
    
    .slideshow-gallery li a, .hero-caption {
        background-color:transparent;
        height:auto;
        width:95%;
        margin:0 auto;
        box-sizing:border-box;
        position:relative;
        display:block;
    }
    
    /*.swiper-slide:not(.swiper-slide-active), .slideshow-gallery li.selected:not(.swiper-slide-active) {*/
    /*    opacity:0.4;*/
    /*}*/
    
     /*.swiper-slide:not(.swiper-slide-active) .slideshow-caption {*/
     /*   opacity:0;*/
     /*}*/
     
    .slideshow-gallery li {
        opacity:1;
    }
    
    .slideshow-caption h1, .slideshow-caption p {
        width:inherit;
    }
    
    body:not(.mobile) .slideshow-caption h1, body:not(.mobile) .hero-caption h1, body:not(.mobile) .slideshow-caption p, body:not(.mobile) .hero-caption p {
        color:#404040;
    }
    
    #main-slideshow .slideshow-gallery-controls {
        display:none;
    }
    
    .slideshow-gallery img, #main-hero .hero-image>img {
        min-height:230px;
        margin-top:115px;
    }
    
    .slideshow-gallery .gallery-item-wrap, .hero-image {
        height:230px;
        border-radius:5px;
        width:95%;
        overflow:hidden;
        margin:0 auto;
    }
    
    .slideshow-gallery li a {
        text-decoration:none;
    }
    
    .slideshow-gallery li.swiper-slide-active {
        opacity:1;
    }
    
    .panam-header-dropdown {
        width:auto;
        padding-left:12px;
        font-size:  0.875rem;
        line-height:50px;
    }
    
    .panam-header-dropdown a {
        width:auto;
        height:auto;
        display:inline;
    }
    
    .main-header-logo-hover {
        display:none !important;
    }
    
    .copyright:not(.lightbox) {
        background-color:transparent;
        position:relative;
        padding:6px 0 0 2.5%;
    }
    
    .gallery-image-overlay .copyright.top-right {
        top:0;
        right:0;
    }
    
    .onlymobile{
        display:none;
    }
    
    .popsicle-container{
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        margin:12px 0 12px;
    }
    
    .popsicle-container .btn.align-right{
        text-align: right;
       
    }
    
    .simple-content {
        margin: 10px 10px 0px 10px;
    }
    
    .panamania-listing .listing-description {
        width:100%;
    }
    
    .panamania-listing a.listing-thumb {
        width:100%;
        margin-right:0;
    }
    
    .panamania-listing-item {
        padding:0 20px;
    }
    
    .vertical-spacer {
        height:0 !important;
    }
    
    .spectator-ticket-guide {
        margin-top:20px;
    }
    
}
















@media screen and (max-width: 640px) {
    body, html{
          /*overflow-x: hidden;*/
          margin:0;
          padding:0;
          border:0;
    }
    
    h1{
        font-size: 1.875rem;
    }
    
    h2{
        font-size: 1.5rem;
    }
    
    h3{
        font-size: 1.125rem;
    }
    
    h4, h5 {
        font-size: 1.125rem;
    }
    
    p{ color:#404040;
        margin-top:0;
    }
    
    h1,h2,h3,h4,h5{
        margin:0;
        padding:0;
        
    }
    
    .centered-content{
        margin: 0 auto;
        position:relative;
        /* background-color: rgba(255,0,0,0.5); */  /* uncomment to see containers */
    }
    
    .header-width{
        width:100%;
    }
    
    .body-width{
        width:100%;
    }
    
    iframe {
        width:98%;
        overflow: auto; 
        display: block;
    }
    
    iframe *{
        box-sizing:border-box;
    }
    
    .box-size-1_4{
        width:25%;
    }
    
    .box-size-3_4{
        width:75%;
    }
    
    .box-size-1_3{
        width:100%;
    }
    
    .box-size-2_3{
        width:100%;
    }
    
    .box-size-1_2{
        width:100%;
    }
    
    .box-size-1_1{
        width:100%;
    }
    
    .no-underline, .no-underline:hover, .underline-hover{
        text-decoration:none;
    }
    
    .underline-hover:hover{
        text-decoration:underline;
    }
    
    h1, h2, h3, h4 {
        font-family: 'Varela Round', sans-serif;
        letter-spacing: 0px;
    }

    .featured-article-with-image {
        margin:20px;
    }
    
    .popsicle-container{
        height: auto;
    }
    
    .popsicle{
        margin: 0px auto;
        width:100%;
        
        transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        border-radius: 0;
    }
    
    .popsicle-container:not(.social) .popsicle-title {
      border-right: none;
      padding-left: 20px;
      font-size: 2.1875rem;
      margin-bottom: 16px;
    }
    
    .popsicle-venuecode-cell, .popsicle-pictogram-cell {
      padding-bottom: 5px;
    }
    
    .popsicle-bar {
      border-right: solid 0px white;
    }

    .featured-article-app-download-links{
        text-align: center;
    }

    .parent-logos {
      height: auto;
      width: 100%;
     overflow: auto;
    }
    
    .footer-visit-pachi {
        width: 100%;
    }
    
    .footer-newsletter{
        width:100%;
    }
    
    .takepart-panamania>ul>li>.panamania-info {
      width: 88%;
    }
    
    .takepart-panamania>ul>li>.panamania-date {
      width: 10%;
    }
    
    .takepart-panamania .panamania-info .event-title {
      width: auto;
    }
    
    .takepart-spectatorinfo {
      float: left;
      overflow: hidden;
      padding: 5px;
      width: 50%;
      box-sizing: border-box;
    }
    
    .takepart-spectatorinfo .spectatorinfo-image {
      display: block;
      width: 100%;
      overflow: hidden;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
    
    .countdown-wrap {
    
        display:none;
    }
    
    
    .btn{
        text-align: center;
       
    }
    
    .btn-large{
        font-size: 1.125rem;
        padding: 14px 40px;
    }
    
    .btn-medium{
        font-size: 1.125rem;
        padding: 14px 40px;
    }
    
    .btn-small{
        font-size: 1.125rem;
        padding: 14px 40px;
    }
    
    .btn.align-center{
        text-align: center;
    }
    
    .btn.align-left{
        text-align: center;
       
    }
    
    .btn.align-right{
        text-align: center;

    }
    
    .whatshappening-gallery-item{
        box-sizing:border-box;
        display:block;
        height:150px;
        width:50%;
        overflow:hidden;
        float:left;
        padding: 5px;
    }
    
    .whatshappening-image{
        display:block;
        height:91px;
        width: 100%;
        overflow:hidden;
        
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
    .whatshappening-video{
        background-image: url('../media_assets/purpleplay.png');
        background-repeat: no-repeat;
        background-position: center;
        height:91px;
        width: inherit;
        z-index:10;
        position:absolute;
        transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    
    }
    
    .whatshappening-video-large{
        background-image: url('../media_assets/purpleplay_large.png');
        height:150px;
        width: 310px;
        
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    
    .whatshappening-gallery-item>.bg-cover>img {
      margin-top: 0px;
      margin-left: 0px;
      width: 100%;
    }
    
    .takepart-venueinfo .venueinfo-image {
      height: 120px;
      width: 100%;
    }
    
    .celebrate-venueinfo, .photo-gallery-expanded .gallery-item, .video-gallery-expanded .gallery-item, .latest-news-collection-brief .news-item {
      width: 100%;
    }
    
    .photo-gallery-expanded .gallery-item-image, .video-gallery-expanded .gallery-item-image, .latest-news-collection-brief .news-item, .celebrate-venueinfo .celebrate-image {
      width: 100%;
    }
    
    .venue-landing-navigation>li .image-container>img, .celebrate-venueinfo>.bg-cover>img, .listing-item .image-container>img, .photo-gallery-expanded .gallery-item-image>img, .video-gallery-expanded .gallery-item-image>img, .latest-news-collection-brief .news-item>img {
      margin-top: 0px;
      margin-left: 0px;
    }
    
    .countries-landing-navigation>li .image-container img {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
    }
    
    .panamania-listing a.listing-thumb img {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
    }
    
    .nomobile {
        display:none;
    }
    
    .onlymobile {
        display:block;
    }
    
    .tab-title>.md, .tab-title>.fa {
        display:none;
    }
    
    .amenity {
      width: 50%;
    }
    
    .popsicle-container .btn.align-left{
        text-align: left;
       
    }
    
    .popsicle-container .btn{
        text-align: left;
        margin-bottom: 20px;
    }
    
    .popsicle-links{
        margin-bottom: 20px;
    }
    
    .simple-content {
        margin: 10px 10px 0px 10px;
    }
}











@media screen and (max-width: 480px) {
    .main-header-top-section .main-header-date {
        float:right;
        text-align:right;
        padding:0 10px 0 0;
    }
    .main-header-top-section .main-header-dates {
        width:170px;
        padding-top:8px;
    }
    
    .countries-landing-navigation>li .image-container img {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
    }
    
    .panamania-listing a.listing-thumb img {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
    }
    
    .sponsor-section h3 {
        font-size:1.1rem;
    }
    
}










@media screen and (max-width: 400px) {
    .footer-visit-pachi {
        max-width:400px;
        background-size:contain;
    }
    
    .slideshow-gallery img, #main-hero .hero-image>img {
        height:230px;
        margin-top:115px;
    }
    
}