@media (max-width: 1450px) and (min-width: 992px){
	.fb-post > span{
		max-width: 30vw;
	}
}

@media (min-width: 1300px){
	.calendar-days{
		width: 100%;
	}
	
	.calendar-container .calendar-icon{
		position: absolute;
		left: -1vw;
	}
	
	.calendar-container .arrow-icon{
		position: absolute;
		right: -1vw;
	}
}

@media (max-width: 1250px){
	.cu-swiper .swiper-play-action{
        right: 30%;
    }

    .menu-left{
        gap: 35px;
    }
	
	.header-text-border-right:after{
		right: -20px;
	}

    .menu-right{
        gap: 40px 6vw;
    }

    .menu-center{
        gap: 20%;
    }

    .related-links-logos{
        gap: 26px;
    }
}

@media (max-width: 1180px){
    .menu-left{
        gap: 35px;
    }

    .menu-right{
        gap: 40px 5vw;
    }

    .menu-center{
        gap: 8%;
    }
}

@media (max-width: 991px) {

    /* header */
    .top-bar {
        max-width: 100%;
        padding: 20px;
    }

    .nav-bar {
        max-width: 100%;
        padding-right: 20px;
    }

    .gov-hk-link {
        white-space: initial;
    }

    .nav-actions {
        max-width: 100%;
    }

    .search-container {
        white-space: initial;
    }

    .subscribe-button {
        white-space: initial;
        padding: 0 20px;
    }

    .menu-container {
        max-width: 100%;
    }

    .home-container {
        white-space: initial;
    }

    .home-link {
        white-space: initial;
    }

    .home-text {
        white-space: initial;
    }

    .menu-right {
        max-width: 100%;
    }

    .main-menu {
        max-width: 100%;
        padding: 0 20px;
    }

    /* header */


    /* footer */

    .footer-content {
        max-width: 100%;
        padding: 0 20px;
    }

    .footer-links-wrapper {
        max-width: 100%;
    }

    .social-icons-container {
        margin: 40px 6px 0 0;
    }

    .footer-banner {
        max-width: 100%;
    }

    .footer-bottom {
        max-width: 100%;
    }

    .footer-info {
        max-width: 100%;
    }

    .footer-policies {
        max-width: 100%;
    }

    /* footer end */



    /* highlights */

    .event-content {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .event-image,
    .event-details {
        width: 100%;
    }

    .event-img {
        margin-top: 1%;
    }

    .event-info {
        margin-top: 28px;
    }

    .event-type {
        margin-right: 4px;
    }

    .date-range,
    .date-container,
    .date-box,
    .end-date {
        white-space: initial;
    }

    /* highlights end */

    /* Fringe Activities */

    .fringe-activities-main-div {
        flex-direction: column;
        align-items: stretch;
        gap: 0px;
    }

    .column {
        width: 100%;
    }

    .div-2 {
        max-width: 100%;
        margin-top: 23px;
    }

    .img {
        max-width: 100%;
        margin-right: 4px;
    }

    .div-3 {
        max-width: 100%;
        padding-right: 20px;
    }

    .sizhu-is-associated-with-the-civil-category-of-music-and-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida-musical-instruments-of-both-categories-have-been-employed-on-the-traditional-theatre-stage-for-a-long-time-sizhu-is-associated-with-the-civil-category-of-music-and-chuida-the-militaristic-sizhu-is-of-equal-importance-with-chuida-musical-instruments-of-both-categories-have-been-employed-on-the-traditional-theatre-stage-for-a-long-time-musical-instruments-of-both-categories-have-been-employed-on-the-traditional-theatre-stage-for-a {
        max-width: 100%;
    }

    .div-4 {
        max-width: 100%;
    }

    .column-2 {
        width: 100%;
    }

    .img-2 {
        margin-top: 29px;
    }

    .column-3 {
        width: 100%;
    }

    .div-5 {
        margin-top: 28px;
    }

    .div-6 {
        margin-right: 2px;
        padding-right: 20px;
    }

    .div-7 {
        margin-right: 2px;
        padding-right: 20px;
    }

    .column-4 {
        width: 100%;
    }

    .div-8 {
        margin-top: 26px;
    }

    .img-5 {
        margin-right: 3px;
    }

    .div-9 {
        margin-right: 2px;
        padding-right: 20px;
    }

    .div-10 {
        margin-right: 2px;
        padding-right: 20px;
    }


    /* Fringe Activities end */

    /* newsletter */

    .newsletter-container {
        max-width: 100%;
    }

    .content-wrapper {
        max-width: 100%;
        padding: 0 40px;
    }

    .content-row {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .title-column,
    .form-column {
        width: 100%;
        margin-left: unset;
    }

    .title-wrapper {
        max-width: 100%;
        margin-top: 40px;
    }

    .newsletter-icon {
        margin-top: 22px;
    }

    .newsletter-title {
        margin-top: 9px;
        font-size: 40px;
    }

    .title-underline {
        margin: 40px 0 0 10px;
    }

    .form-wrapper {
        max-width: 100%;
        margin-top: 40px;
    }

    .newsletter-description {
        max-width: 100%;
    }

    .email-input-wrapper {
        padding-left: 20px;
    }

    .view-newsletter-link {
        padding-left: 20px;
    }

    .related-links-wrapper {
        max-width: 100%;
        margin-right: 10px;
    }

    /* newsletter end */

    /* calendar */
    /* .calendar-days {
        max-width: 100%;
        width: 76vw;
        height: 60px;
        white-space: nowrap;
        align-content: center;

        overflow-y: scroll;
        -ms-overflow-style: none; 
        scrollbar-width: none; 
    }

    .calendar-days::-webkit-scrollbar {
        display: none; 
    }
       */

    /* calendar end */

    .event-card {
        padding-right: 20px;
    }

    .mobile-hidden {
        display: none;
    }

    .mobile-show{
        display: block;
    }

    .prog-ticket-div-order{
        order: 2;
    }

    .logo-1{
        width: 30%;
    }

    .logo-2 {
        width: 20%;
    }

    .logo-3 {
        width: 20%;
    }

    .logo-4 {
        width: 15%;
    }

    .logo-5 {
        width: 10%;
    }

    .additional-logo-1 {
        width: 25%;
    }

    .additional-logo-2 {
        width: 20%;
    }

    .additional-logo-3 {
        width: 25%;
    }

    .additional-logo-4 {
        width: 20%;
    }

    .sub-bg{
        left: unset;
        right: 0%;
        bottom: -2%;
        width: 10em;
    }

    .highlight-bg-03{
        width: 60%;
    }
	
	h1.title-div {
		font-size: calc(1.375rem + 6vw);
	}
	
	.email-placeholder{
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
	}

    .category-swiper-items .inner-infos{
        display: flow;
        padding: 10% 2% 25% 2%;
    }

    .category-swiper-items > .row{
        display: flow;
        text-align: -webkit-center;
    }

    .cu-swiper .swiper-button-prev.category-swiper-button-prev{
        right: 17%;
    }

    .category-swiper-items{
        padding: 4% 4% 20% 4%;
    }

    .logo-image,
    html[lang='tc'] .logo-image,
    html[lang='sc'] .logo-image
    {
        width: 40vw;
    }

    

    .cu-swiper .swiper-button-next.category-swiper-button-next{
        right: 15%;
    }

    .cu-swiper .swiper-button-prev.category-swiper-button-prev{
        left: 15%;
    }

    .category-swiper-items .inner-infos .more-details-btn{
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 14%;
    }

    .cu-swiper .swiper-button-prev{
        left: 0%;
    }

    .cu-swiper .swiper-button-next{
        right: 0%;
    }

    .cu-swiper.mobile .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: -9%;
        /* width: 50%;
        left: 0;
        right: 0;
        margin: auto;    */
    }

    /* .event-description{
        margin-bottom: 15%;
    } */

    .search-btn-div{
        text-align: -webkit-center;
    }

    .block_ticket .desktop {
        display: none;
    }

    .block_ticket .tablet_and_mobile {
        display: block;
    }
	/* home banner video*/
	.cu-swiper .home-banner-video{
		height: 17em;
	}
}

@media (max-width: 575px) {
    #news-popup-modal .modal-dialog{
        padding: 4%;
    }
}

@media (max-width: 500px) {
    .prog-tags {
        margin-bottom: 4%;
    }

    .end-date{
        margin-top: 0;
    }

    .event-calendar-title{
        font-size: 11vw;
    }

    .event-calendar-year-month{
        bottom: -55px;
        right: 0;
    }

    .calendar-container{
        gap: 0;
    }

    .banner-buy-now-btn,
    .banner-read-more-btn{
        padding: 3px;
    }

    .banner-flow-div{
        padding: 8px;
        font-size: 3vw;
        min-width: 50%;
    }

    .related-links-logos{
        padding-bottom: 15%;
        padding-left: unset;
        gap: 8px;
    }

    .logo-1 {
        width: 45%;
    }

    .logo-2 {
        width: 25%;
    }

    .logo-3 {
        width: 25%;
    }

    .logo-4 {
        width: 23%;
    }

    .logo-5 {
        width: 15%;
        padding-left: 5px;
        padding-right: 5px;
        align-content: center;
    }

    .additional-logo-1 {
        width: 26%;
    }

    .additional-logo-2 {
        width: 27%;
    }

    .additional-logo-3 {
        width: 28%;
    }

    .additional-logo-4 {
        width: 20%;
    }

    .cu-swiper .swiper-play-action{
        right: 24%;
    }

    .category-swiper-items{
        margin-top: 20vw;
    }

    .arts-items{
        text-align: start !important;
    }

    .category-div .inner{
        padding-left: 4%;
        padding-right: 4%;
    }

    .category-div.series-div{
        margin-top: 7em;
    }
	.cu-swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
		bottom: -3.5em;
	}

    .prog-info iframe{
        min-height: 350px;
    }

    
}

@media (max-width: 425px) {

    .newsletter-title {
        font-size: 6vw;
    }

    .related-links-logos{
        padding-bottom: 25%;
    }
}