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

    .header-background-div span{

        font-size: 1vw;

    }



    html[lang="tc"] .header-background-div span{

        font-size: 1.4vw;

    }

}

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

    .main-banner {

        max-width: 70vw;

    }



    .programme-div .main-title{

        font-size: 5em;

    }



    .header-items,

    .social-float-div,

    .main-top-div,

    .programme-div .swiper-progress-bar{

        display: none;

    }



    .mobile-menu,

    .mobile-bar-div{

        display: block;

    }



    .inner-background{

        padding-top: 10%;

    }



    .footer-div .col-3.items{

		display: none;

	}

	

	.footer-div .col-3{

		max-width: 50%;

		width: 45%;

		margin: auto;

		flex: auto;

	}

	

	.footer-div .col-3{

		width: 150px;

	}

	

	.footer-div .site-links a{

		padding: 0;

		letter-spacing: 0; 

		font-size: 0.8em;

	}



    .mobile-bar-div-mobile{

        display: block;

    }



    .inner-background .arrow {

        width: 2.5em;

        padding: 8% 0;

    }



    .header-background-div .row{

        padding: 4%;

    }



    .header-main-logo{

        width: 6em;

    }



    .programme-div.contact-div .main-title{

        text-align: center;

        font-size: 8em;

    }



    .programme-div.contact-div .content-inner .content-title{

        margin-bottom: 3%;

    }



    .contact-bg-img{

        top: 21%;

    }



    .contact-table .name-div.web-div span{

        display: none;

    }



    .contact-table .name-div.mobile-div span{

        display: block;

        padding-bottom: 2%;

    }



    .contact-table tr td:first-child{

        width: 10%;

    }



    .programme-div.ticket-infos-div .main-title{

        font-size: 3em;

    }



    .programme-div.ticket-infos-div .inner-background{

        padding-top: 7%;

    }



    .programme-div.ticket-infos-div .main-title{

        padding-bottom: 10%;

    }

    

    .ticket-infos-img{

        top: 17em;

    }



    .programme-div.archive-div .cover-img{

        max-height: unset;

    }



    .programme-div.archive-div .content-results{

        padding: 0;

    }



    .header-top-menu{

        display: none;

    }



    .throwback-gallery .gallery-item {

        width: 50%;

    }



}



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



    .programme-div.messages-div .main-title{

        font-size: 20vw;

    }



    .accordion-item{

        margin-bottom: 7%;

    }



    .accordion-button::after, .accordion-button:not(.collapsed)::after{

        width: 25px;

        height: 25px;

    }



    .accordion-button{

        padding: 4%;

    }



    .programme-div.contact-div .main-title{

        font-size: 6em;

    }



    .programme-div.archive-div .main-title{

        font-size: 3em;

    }



    .programme-div.archive-div .content-results{

        padding: 0 10%;

    }



    .mobile-logo-bottom{

        width: 50%;

        margin-left: 0;

    }



    .mobile-logo-bottom.spec-tc-logo{

        width: 25%;

    }



    .mobile-logo-bottom.spec-tc-logo-two{

        width: 65%;

    }



    .spec-logo-padding{

        padding-left: 5px;

    }



}



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

    .main-div{

        background-position: center;

    }

    

    .main-inner{

        padding-top: 15%;

    }



    .main-banner {

        max-width: 95%;

        margin-bottom: 15%;

    }



    .main-info p, .archive-info p{

        padding: 0 5%;

    }



    .main-info p{

        font-size: 20pt;

        margin-bottom: 0.5rem;

    }



    .main-info .middle{

        font-size: 18.5pt;

        line-height: 1;

    }



    .main-info .bottom{

        font-size: 19pt;

    }



    .archive-info p{

        font-size: 14pt;

    }



    .archive-info{

        padding-bottom: 15%;

    }



    .programme-div .main-title{

        font-size: 4em;

    }



    .programme-div .content-inner{

        padding: 0 15%;

    }



    .programme-div .content-inner .content-title .row{

        padding: 1% 3%;

    }



    .programme-div.messages-div .content-inner{

        padding: 0 5%;

    }



    .messages-info{

        padding-top: 5%;

    }



    .programme-div.contact-div .main-title{

        font-size: 4em;

    }



    .programme-div.contact-div .content-inner,

    .programme-div.ticket-infos-div .content-inner{

        padding: 0 5%;

    }



    .contact-bg-img{

        top: 13%;

    }



    .contact-table tr td:first-child {

        width: 18%;

    }



    .contact-table .t-info-div{

        font-size: 12px;

    }



    .programme-div.ticket-infos-div .main-title{

        font-size: 1.9em;

    }

	

	.programme-div.ticket-infos-div .main-title.long-title{

		font-size: 1.8em;

	}



    .ticket-infos-img{

        top: 12em;

    }



    .programme-div.ticket-infos-div .accordion-item{

        padding: 1% 5%;

    }



    .grp-info-div:nth-child(2){

        padding-top: 3%;

    }



    .prog-page .prog-page-inner .logo-div img.mult-logos{

        height: 2.5em;

    }



    .footer-logo-div{

        text-align: center;

    }

}