@media screen and (max-width: 1719px) {
}
@media screen and (max-width: 1504px) and (min-width: 769px){
    .homeItemsArrows .homeItemsArrows-prev{
        left:-12px;
    }
    .homeItemsArrows .homeItemsArrows-next{
        right:-14px;
    }
}

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

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


    h1,
    .homeTitle,
    .largeTitle_h1
    {
        font-size: 4.8rem;
        line-height: 6.4rem;
        letter-spacing: unset;
    }
    .home-section,
    .paddingSection{
        padding: 98px 0;
    }

    .button {
        padding: 12px;
    }

    /* layout */
    .wrapper {
        padding: 0 2rem;
        width: 100%;
    }

    #heroCarousel,
    .dances-section {
        padding: 0;
    }

    #heroCarousel .wrapper,
    .dances-section .wrapper {
        padding: 0;
        width: 100%;
    }

    .carouselContent,
    .dances-section .dancesContent {
        width: 100%;
        padding-left: 32px;
    }

    .col2,
    .twoColsSectionGrid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "left" "right";
    }

    .col3 {

        grid-template-areas: "first" "second" "third";
        grid-template-columns: 1fr;
    }
    .mainFooter .col3,
    .page-template-programma  .col3
    {

        grid-template-areas: "first second"
                              "third third";
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }
    .mainFooter .col3 .first_col,
    .mainFooter .col3 .second_col,
    .page-template-programma  .col3 .first_col,
    .page-template-programma  .col3 .second_col
    {
        margin-bottom: 25px;
    }
    .page-template-programma .headerGrid.col3 .first_col,
    .page-template-programma .headerGrid.col3 .second_col{
        margin-bottom: 0;
    }

    .mainFooter .third_col
    {
        padding-left: 0;
    }
    .mainFooter .second_col
    {
        border:0;
    }
    .termsMenu {
        justify-content: center;
    }

    .bottomBar {
        text-align: center;
    }

    .bottomBar .left {
        margin-bottom: 0;
    }
    .onlyDesktop{
        display: none;
    }
    .onlyMobile {
        display: block;
    }
    .doubleElements > div{
        width: 100%;
    }
    .doubleElements .slick-slide,
    .reviewCarousel .slick-slide{
        margin: 0 20px;
    }
    .doubleElements .slick-list,
    .reviewCarousel .slick-list,
    .favourites_performances .slick-list
    {
        padding: 0 20% 0 0 ;
        margin:0 -20px 32px 0;
    }
    .reviewContent{
        margin: 0;
    }
    .headerGrid.col3
    {
        grid-template-areas: "second first third";
        grid-template-columns: 40px 1fr 70px;
    }
    .headerLogo img {
        max-width: 100%;
    }
    .headerLogo
    {
        margin: 0 auto;
    }
    div.doubleElement:nth-child(odd) {
        margin-top: 0
    }

    .dances-section img,
    .heroCarousel img
    {
        max-width: unset;
        object-fit: cover;
        object-position: center;
        width: auto;
        margin:0 auto;
        height: auto;
        max-height: unset;
    }
    .dances-section figure,
    .heroCarousel figure
    {
        height: 832px;
        overflow: hidden;
        width: 100vw;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .dances-section .dancesContent,
    .carouselContent
    {
        top: 25%;
    }

    .archive .doubleElements li{
        width: 100%;
    }
    .archive li.doubleElement:nth-child(odd) {
        margin-top: 0;
    }
    .archive .doubleElement__image img {
        max-height: unset;
    }
    .archive .quoteWrapper,
    .archive .quoteWrapper p,
    .quoteWrapper,
    .quoteWrapper p
    {
        text-align: left;
    }
    .quoteWrapper{
        padding-left: 20px;
    }

    .left_col,
    .right_col
    {
        width: 100%;
    }
    ul.dance_locations,
    ul.dance_list
    {
        column-count: 2;
    }
    .day_list .day
    {
        font-size: 1.4rem;
    }
    .day_list .dayItem
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
        "day day"
        "programma-box programma-box";
        grid-gap: 10px
    }
    .day_list .day {
        font-size: 1.4rem;
        grid-area: day;
    }
    .day_list .dayItem{
        margin: 0;
    }
    .programma
    {
        position: relative;
        padding-bottom: 200px;
    }


    .section:after {
        height: 96px;
        bottom: -48px;
    }
    .programmaItemsArrows
    {
        display: block;
        position: absolute;
        bottom: 100px;
        z-index: 9999;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .performance_list.col3{
        grid-template-columns: 1fr 1fr;
    }
    .grid{
        column-gap: 24px;
    }
    .wpcf7 input[type="submit"]
    {
        font-size: 1.4rem;
    }
    .twoColsSectionGrid.align-center ,
    .twoColsSectionGrid.align-center #breadcrumbs
    {
        position: unset;
    }

    #select,
    .select2-container{
        width: 100%;
        margin-bottom: 32px;
        text-align: center;
        font-family: var(--fontFamily);
        font-size: 1.4rem;
        font-weight: 500;
        text-transform: uppercase;
    }
    .select2-result-label
    {
        font-family: var(--fontFamily);
        font-size: 1.4rem;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }
    .select2-results .select2-highlighted
    {
        background: var(--color-primary);
    }
    .select2-drop-active
    {
        border-color: var(--color-primary);
    }
    .select2-container .select2-choice {
        height: 40px;
        padding: 7px;
        border: 1px solid var(--color-primary);
        color: var(--color-primary);
        border-radius: 0px;
        background-color: #fff;
        background-image: none;
        filter: none;
    }
    .select2-container .select2-choice .select2-arrow
    {
        background-image: none;
        border: none;
        background: none;
        height: 20px;
        right: 0;
        top: 6px;
    }
}
@media screen and (max-width: 768px) and (min-width: 361px) {
    .contactContent
    {
        display: grid;
        grid-template-areas: "A" "B" "C" "D";
        grid-template-columns: 1fr;
    }
    .contact_phone
    {
        grid-area: A;
    }
    .contact_address
    {
        grid-area: B;
    }
    .contact_hours
    {
        grid-area: C;
    }
    .contact_follow
    {
        grid-area: D;
    }
    .page-template-contact .acf-map{
        height: 544px;
    }
    .page-template-programma .threeColsSection .col3 .second_col
    {
        border-right: 0;
    }
}

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

    .heroCarouselPlain .heroCarousel img {
        max-width: 100%;
        margin: auto;
    }

    .mainFooter .col3,
    .page-template-programma .threeColsSection .col3 {

        grid-template-areas: "first" "second" "third";
        grid-template-columns: 1fr;
    }

    .mainFooter .first_col,
    .mainFooter .second_col {
        border-right: none;
    }

    .mainFooter .second_col,
    .mainFooter .third_col {
        padding-left: 0;
    }

    .mainFooter .col3 .first_col,
    .mainFooter .col3 .second_col {
        margin-bottom: 40px;
    }

    .accordion {
        cursor: pointer;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
    }

    .footer_panel {
        background-color: var(--color-primary);
    }

    .panel {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    .footer_accordion,
    .programma_accordion {
        position: relative;
    }

    .footer_accordion span,
    .programma_accordion span {
        position: absolute;
        width: 16px;
        height: 16px;
        display: inline-block;
        right: 0px;
        top: 7px;
    }

    .footer_accordion span:before,
    .programma_accordion span:before,
    .footer_accordion span:after,
    .programma_accordion span:after {
        content: "";
        position: absolute;
        background-color: white;
        transition: transform 0.25s ease-out;
    }

    .programma_accordion span:before,
    .programma_accordion span:after {
        background-color: var(--color-primary);
    }

    .footer_accordion span:before,
    .programma_accordion span:before {
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        margin-left: -1px;
    }

    .footer_accordion span:after,
    .programma_accordion span:after {
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        margin-top: -1px;
    }

    .programma_accordion {
        font-size: 2.4rem;
    }

    .programma_accordion.active span:before,
    .footer_accordion.active span:before {
        transform: rotate(90deg);
    }

    .footer_accordion.active span:after,
    .programma_accordion.active span:after {
        transform: rotate(180deg);
    }

    .page-template-programma .threeColsSection .col3 .first_col,
    .page-template-programma .threeColsSection .col3 .second_col {
        border-right: 0;
        border-bottom: 1px solid var(--color-primary);
    }

    .page-template-programma .threeColsSection .col3 .third_col {
        margin-right: 16px;
        padding-right: 16px;
    }


    /* layout */
    .wrapper {
        padding: 0 1.6rem;
        width: 100%;
    }

    body {
        font-size: 1.6rem;
        line-height: 24px;
    }

    h1,
    .homeTitle,
    .largeTitle_h1 {
        font-size: 3.2rem;
        line-height: 4rem;
        letter-spacing: 0.25px;
    }

    h2,
    .mediumTitle_h2 {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    h3,
    .smallTitle_h3 {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .home-section,
    .paddingSection {
        padding: 64px 0;
    }

    .programma {
        padding-bottom: 150px;
    }

    .programmaItemsArrows {
        bottom: 55px;
    }

    #heroCarousel.home-section, .dances-section.home-section {
        padding: 0;
    }

    .dances-section .dancesContent, .carouselContent {
        bottom: 33%;
    }

    .button {
        font-size: 1.4rem;
    }

    .doubleElement__content {
        font-size: 1.4rem;
    }

    .quote {
        font-size: 2.0rem;
        line-height: 3.2rem;
        letter-spacing: 0.25px;
    }

    .mainFooter .col3,
    .page-template-programma .threeColsSection .col3 {

        grid-template-areas: "first" "second" "third";
        grid-template-columns: 1fr;
    }

    .mainFooter .first_col,
    .mainFooter .second_col {
        border-right: none;
    }

    .mainFooter .second_col,
    .mainFooter .third_col {
        padding-left: 0;
        padding-top: 15px;
        border-top: 1px solid #FCFCFC;
    }

    .mainFooter .col3 .first_col,
    .mainFooter .col3 .second_col {
        margin-bottom: 40px;
    }

    .page-template-programma .threeColsSection .col3 .first_col,
    .page-template-programma .threeColsSection .col3 .second_col,
    .page-template-programma .twoColsSection .left {
        border-right: 0;
        border-bottom: 1px solid var(--color-primary);
        padding-bottom: 12px;
    }

    ul.dance_locations,
    ul.dance_list {
        column-count: 1;
    }

    .headerLogo img {
        max-width: 190px;
    }

    header svg {
        width: 24px;
        height: 24px;
    }


    .section:after {
        height: 64px;
        bottom: -32px;
    }

    .page-template-contact .acf-map {
        height: 256px;
    }

    .hideOverflow {
        max-height: 500px;
    }

    .dances-section figure,
    .heroCarousel figure {
        height: 392px;
    }

    .quoteSymbol {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        display: unset;
    }

    .reviewContent {
        padding: 60px 16px 16px 16px;
        min-height: 310px;
    }

    /* Test Accordion */
    .accordion {
        cursor: pointer;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
    }

    .footer_panel {
        background-color: var(--color-primary);
    }

    .panel {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    .footer_accordion,
    .programma_accordion {
        position: relative;
    }

    .footer_accordion span,
    .programma_accordion span {
        position: absolute;
        width: 16px;
        height: 16px;
        display: inline-block;
        right: 0px;
        top: 7px;
    }

    .footer_accordion span:before,
    .programma_accordion span:before,
    .footer_accordion span:after,
    .programma_accordion span:after {
        content: "";
        position: absolute;
        background-color: white;
        transition: transform 0.25s ease-out;
    }

    .programma_accordion span:before,
    .programma_accordion span:after {
        background-color: var(--color-primary);
    }

    .footer_accordion span:before,
    .programma_accordion span:before {
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        margin-left: -1px;
    }

    .footer_accordion span:after,
    .programma_accordion span:after {
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        margin-top: -1px;
    }

    .programma_accordion {
        font-size: 2.4rem;
    }

    .programma_accordion.active span:before,
    .footer_accordion.active span:before {
        transform: rotate(90deg);
    }

    .footer_accordion.active span:after,
    .programma_accordion.active span:after {
        transform: rotate(180deg);
    }

    .carouselContent,
    .dances-section .dancesContent {
        padding: 0 16px;
    }

    .closureGrid .closureTitle {
        margin-bottom: 8px;
    }

    .page-template-programma .threeColsSection .col3 .third_col {
        margin-right: 16px;
        padding-right: 16px;
    }

    .navigation {
        font-size: 1.4rem;
    }

    .page-template-programma .wpcf7 input,
    .page-template-programma .wpcf7 textarea {
        font-size: 2.4rem;

    }

    .wpcf7 input[type="submit"] {
        font-size: 1.4rem;
    }

    .youtubeLabel {
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
    }

    .quoteWrapper p {
        font-size: 1.4rem;
    }

    .wpcf7 label {
        font-size: 1.4rem;
        top: 30px;
    }

    .wpcf7 input,
    .wpcf7 textarea{
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
    .section-quote p,
    .favourites_performance_date, .performance_date
    {font-size: 1.4rem;}

    .section-quote h3{
        font-size: 2rem;
    }
    .favourites_performance h4{
        font-size: 2rem;
    }

    .history_box .history_year:before{
        bottom: 57px;
    }

    .history_box .history_year span:before{
        left: 39%;
    }
}