@media screen and (min-width: 1401px) {
    .col-1-2 {
        height: 50vh;
    }
    
    .experience .title {
        font-size: 2.5vw;
        line-height: 4.8vh;
    }
    
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
    .col-1-2 {
        height: 40vh;
    }
}

@media screen and (max-width: 1400px) {
    .events-container
    {

        min-width:100%;
    }
}

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

    .col-1-2 {
        height: 30vh;
    }

    .artists li:nth-child(n+5) {
        height: 17vh;
    }

    .archives li, .archives li:nth-child(n+5) {
        height: 60vh;
    }

    .events-container
    {

        min-width:100%;
    }

}

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

    .col-1-3, .col-2-3 {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0;
        display: block !important;
    }

    .artists li span {
        font-size: 1em;
    }

    .shows-template-default .secondary-content {
        padding-left: 0;
    }

    .experience .title {
        font-size: 3em;
        line-height: 45px;
    }
    
    .become_a_vendor {
        max-width: 90%;
        padding-left: 10px;
        padding-right: 10px;

    }

}

@media screen and (max-width: 1100px) {
    .col-events {
        width: 100%;
        max-width: 100%;
       /* padding-left: 10px;
        padding-right: 10px;*/

    }

    .events-container {

        width: 100%;
        margin-left: auto;
        margin-right: auto;
        min-width: 100%;
        display: inline-block;
        text-align: left;
        padding: 10px 10px 10px 10px;
        margin-top: auto;
        margin-bottom: auto;
        vertical-align: middle;
        top: initial;
        transform: inherit;
        position: relative;
    }

    .event-row {

        width: 100%;
        height: auto;

    }
    .event-section .left,
    .event-section .right,
    .event-section .section-title,
    .event-section .date {
        margin: 10px auto;
        text-align: center;
    }

    .event-row:nth-child(odd) .col-events:nth-child(2) {
        background: #fff;
    }

    .col-events .events-container {
        text-align: center;
        margin: 20px auto;
    }

    .col-events .event-header-title {
        margin: 0 auto;
    }

    .events-container-aspect-ration
    {
        overflow: hidden;
        height: auto;
        padding-top: 0px;
        position: relative;

    }
    .event-details
    {
        top: auto;
        transform: none;
        position: relative;
    }
}

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

    .col-1-2 {
        height: 25vh;
    }

    .artists li:nth-child(n+5) {
        height: 10vh;
    }

    .artists li span {
        font-size: 1em;
    }

    .archives li, 
    .archives li:nth-child(n+5) {
        height: 60vh;
    }

    .lineup .left,
    .lineup .right {
        display: block;
        margin:0 auto;
    }

    .lineup .left {
        display: none !important;
    }

    .section-title {
        font-size: 2em;
        line-height: 1em;
    }

    .widget {
        padding-bottom:0;
        margin: 0 auto;
        text-align: center;
    }

    .secondary-content .inner {
        display: table;
    }

    .secondary-content .inner .desktop {
        display: none !important;
    }

    .primary-content .inner .mobile {
        display: block !important;
    }

    .secondary-content .inner .artist-list {
        display: table-footer-group;
    }

}

@media screen and (max-width: 800px) {
    
    .archive.three-column-list {
        list-style: none;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 1;
        width: 100%;
        text-align: center;
    }
    
    .event-row {
       /* height: 550px;*/
    }
    
}

@media screen and (max-width: 780px) {
    
    .site-footer .menu li {
        display: block;
        border:none;
    }
    
}

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

    .mobile-nav {
        display: block;
    }
    .menu-primary-container .primary > .menu-item-has-children:hover > .sub-menu {
        opacity: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
    }
    .menu-primary-container .primary > .menu-item-has-children.open-mobile-menu > .sub-menu {
        opacity: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
    }
    .nav li a .desktop {
        display: none;
    }

    .nav li a .mobile {
        display: block;
    }
    
    .nav li a#archives-btn span {
        color:#bc266a;
    }
    
    .nav li #archives-btn img {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    .navigation .nav {
        width: 100%;
        display: none;
        position: fixed;
        z-index: 99998;
    }
    
    .navigation.open .nav {
        display: block;
    }
    
    .mobile-nav {
        position: fixed;
        display: block;
        top: 18px!important;
        right: 20px!important;
        z-index: 9999999;
        width: 25px;
        height: 25px;
        line-height: normal;
    }
    
    .navigation .logo {
        display: none;   
    }

    .navigation .logo {
        position: fixed;
        display: block;
        top: 7px !important;
        right: 20px !important;
        z-index: 9999999;
        width: 100px;
        height: auto;
        line-height: normal;

    }
    .navigation.open .mobile-nav {
        display: block;
    }
    
    .navigation.open .mobile-nav .toggle-btn line {
        stroke: #fff!important;
    }
    
    .mobile-nav .toggle-btn line {
        stroke: #fff;
        stroke-width: 4;
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }
    
    .mobile-nav .toggle-btn line:nth-child(1) {
        -webkit-transform: rotate(-45deg) translateY(10px);
        transform: rotate(-45deg) translateY(10px);
    }
    
    .mobile-nav .toggle-btn line:nth-child(2) {
        -webkit-transform: rotate(45deg) translateY(-10px);
        transform: rotate(45deg) translateY(-10px);
    }
    
    .mobile-nav .toggle-btn.open line {
        -webkit-transform: rotate(0) translate(0);
        transform: rotate(0) translate(0);
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }
    
    .nav li a {
        font-size: 1.5em;
    }
    
    .single .navigation {
        /*display: none;*/
    }
}

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

    .col-events {
        width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;

    }

    .events-container {

        width: 100%;
        margin-left: auto;
        margin-right: auto;
        min-width: 100%;
        display: inline-block;
        text-align: left;
        padding: 10px 10px 10px 10px;
        margin-top: auto;
        margin-bottom: auto;
        vertical-align: middle;
        top: initial;
        transform: inherit;
        position: relative;
    }

    .event-row {

        width: 100%;
        height: auto;

    }
    
    .col-1-2 {
        height: 30vh;
        max-width: 100%;
    }
    
    .artists li:nth-child(n+5) {
        height: 15vh;
    }
    
    .archives li, .archives li:nth-child(n+5) {
        height: 50vh;
    }
    
    .col-1-4, 
    .artists li:nth-child(n+5) {
        width: 50%;
    }
    
    .content.col3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        text-align: justify;
    }

    .content.col2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        text-align: justify;
    }
    
    .hero .logo {
        max-width: 50%;
        width: 90%;
    }
    
    .cta {
        margin: 10px auto;
    }
    
    .cta .button {
        margin: 5px auto;
        display: block;
    }

    .rotate2
    {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .event-section .left
    {
        margin-right: 0px;
        margin-left: 0px;

    }
    .event-section .right
    {
        margin-left: 0px;
        margin-right: 0px;

    }
    .section-title {
        font-size: 2em;
    }
    
    .section-title.small {
        font-size: 1.3em;
    }
    
    .lineup .date {
        font-size: 1em;
    }
    
    .artists li span {
        font-size: 1em;
    }
    
    .info #map {
        max-height: 250px;
    }
    
    .social li {
        margin: 0 auto;
    }
    
    .social li a:before {
        background: transparent;
        color: #fff;
        padding: 10px;
    }
    
    .sponsors li {
        display:block;
        margin: 10px auto;
    }
    
    .newsletter {
        padding: 40px;
    }
    
    .newsletter form input {
        width: 90%;
        display: block;
        margin: 0 auto 10px auto;
    }
    
    body {
        margin: 0 !important;
    }
    
    p {
        font-size: 12px;
    }
    
    .inner {
        padding: 0 10px;
        margin: 0 auto;
    }
    
    .collaborators li {
        margin: 20px auto;
        display: block;
    }
    
    .single-featured-image-header {
        position: relative;
        z-index: 9999;
        width: 100%;
        height: auto;
        background: transparent;
    }
    
    .single-featured-image-header .logo {
        position: static;
        margin: 15px auto;
        text-align: center;
        display: block;
    }
    
    .single-featured-image-header .section-title {
        position: static;
        text-align: center;
        margin: 0 auto;
        font-size: 20px;
    }
    
    .event-section {
        text-align: center;   
    }
    
    .event-section .left,
    .event-section .right,
    .event-section .section-title,
    .event-section .date {
        margin: 10px auto;
        text-align: center;
    }
    
    .event-row:nth-child(odd) .col-events:nth-child(2) {
        background: #fff;   
    }
    
    .col-events .events-container {
        text-align: center;
        margin: 20px auto;   
    }
    
    .col-events .event-header-title {
        margin: 0 auto;   
    }
    
    .showcase .col-1-2,
    .showcase .section-title {
        text-align: center;   
    }
    
    .page-template-template-info .site-content,
    .page-template-template-presents .site-content,
    .page-template-template-vendorsubmission .site-content,
    .page-template-template-bandsubmission .site-content,
    .page-template-template-contest .site-content,
    .page-template-template-jointhestreet .site-content {
        padding-top: 0;
    }
    
    .page-template-template-presents .site-content:before, 
    .page-template-template-info .site-content:before, 
    .page-template-template-vendorsubmission .site-content:before, 
    .page-template-template-bandsubmission .site-content:before, 
    .page-template-template-contest .site-content:before, 
    .page-template-template-jointhestreet .site-content:before {
        display: none;
    }
    
    .page-template-template-vendorsubmission .section-title, 
    .page-template-template-bandsubmission .section-title, 
    .page-template-template-contest .section-title, 
    .page-template-template-jointhestreet .section-title {
        text-align: center;
    }
    
    .page-template-template-vendorsubmission .title, 
    .page-template-template-bandsubmission .title, 
    .page-template-template-contest .title, 
    .page-template-template-jointhestreet .title {
        padding-top: 60px;
        height: auto;
    }
    
    .page-template-template-vendorsubmission .col-1-2, 
    .page-template-template-bandsubmission .col-1-2, 
    .page-template-template-contest .col-1-2, 
    .page-template-template-jointhestreet .col-1-2 {
        height: auto !important;
        padding: 50px !important;
    }
    
    .page-template-template-vendorsubmission .col-1-2:nth-child(2), 
    .page-template-template-bandsubmission .col-1-2:nth-child(2), 
    .page-template-template-contest .col-1-2:nth-child(2), 
    .page-template-template-jointhestreet .col-1-2:nth-child(2) {
        min-height: 30vh;
    }
    
    .page-template-template-vendorsubmission .col-1-2 .vcenter, 
    .page-template-template-bandsubmission .col-1-2 .vcenter, 
    .page-template-template-contest .col-1-2 .vcenter, 
    .page-template-template-jointhestreet .col-1-2 .vcenter {
        transform: none;
    }
    
    .navigation:before {
        height: 60px;
        background: -moz-linear-gradient(top, rgba(0,0,0,1) 100%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 100%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,1) 100%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    }
    
    .entry-content {
        text-align: center;
    }
    
    .archive .right {
        max-width: 100% !important;
    }
    
    .archive .left {
        margin-right: 0px;
        max-width: 100% !important;
    }
    
    section-title.small.archive-show-single-title {
        line-height:20px;
    }

    .return-btn {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 99999;
        width: 20px;

    }
    
    .contest-borders {
        padding: 50px;
    }
    
    .contest-borders:before,
    .contest-borders:after {
        display: none;
    }
    
    .hero .logo {
        max-width: 35%;
        width: 90%;
    }
    
    .cta, .cta .button {
        margin-bottom: 0;
    }
    
    
    .tickets br {
	    display: none;
    }
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    
    
    .nav li a .desktop {
        display: none;
    }

    .nav li a .mobile {
        display: block;
    }
    
    .nav li #archives-btn {
        padding:0 !important;
        position: static !important;
    }
      
    .nav li.lang-item {
        position: static !important;
    }
    
}

@media screen and (max-width: 500px) {
    .become_a_vendor {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;

    }
}

@media screen and (max-width: 450px) {
    .col-1-4,
    .artists li:nth-child(n+5) {
        width: 100%;
        height: 30vh;
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-bottom: 0;
    }
}

@media screen and (max-height: 800px) {
   
    .nav li a {
        padding: 10px 0 0 0;
    }
    
    .nav li:nth-child(1) a {
        padding: 65px 0 0 0;
    }
    
    .nav li a span {
        opacity: 1;
        bottom: 0;
    }
    
    .nav li a:before {
        display: none;
    }
    
    .nav li:nth-child(1) a:before {
        display: block !important;
    }
    
    .nav li:hover a span, 
    .nav li a.active span {
        /* text-decoration: underline; */
    }
    
    .nav li #archives-btn img {
        max-height: 30vh;
    }
    
}

@media screen and (max-height: 500px) {
    .nav li a {
        padding:0;
    }
    
    .nav li a .desktop {
        display: none;
    }

    .nav li a .mobile {
        display: block;
    }
    
    .nav li #archives-btn {
        padding:0 !important;
        position: static !important;
    }
    
    .nav li.lang-item {
        position: static !important;
    }
}

@media screen and (max-height: 400px) {
    .nav li a { font-size: 1em; }
}