:root{
    --c1: #2ECC71;
    --c2: #fff;
    --c3: #000;
    --text-color: #161616;
}

/*body{font-family: 'Futura PT', sans-serif; font-weight: 500;background: #F3F3F1;}*/
body{font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight: 500;background: #F3F3F1;}
a{text-decoration: none;color: var(--c1);transition: all .15s ease-in-out;}

/* HEADER */
header a{color: #FFFFFF;}
#header {display: -ms-flex;display: -webkit-flex;display: flex;width: 85%;height: 7.5vw;position: fixed;float: none;left: 7.5%;right: 7.5%;top: 0;z-index: 999;}
#header .logo {padding: 2vw;width: auto;height: 7.5vw;background: #000;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
body a {user-select: none;}
#header .logo img {width: 13vw;height: auto;}
#header .menu {display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;margin-left: 1px;padding: 0 6vw;background: #000;}
#header .menu .toggler {display: none;}
#header .menu ul {width: auto;height: 6vw;margin: 0;padding: 0;list-style-type: none!important;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
#header .menu ul li {margin-right: 2vw;width: auto;height: 6vw;line-height: 6vw;font-size: 2.3vw;font-weight: 900;}
#header .menu ul li a {color: #FFF;display: block;white-space: nowrap;}
#header .menu ul li:last-child {margin-right: 0;}
#header .info {display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;flex: 1;margin-left: 1px;padding: 1vw 2vw;width: auto;float: right;height: 7.5vw;background: #000;text-align: center;}
#header .info .toggler {display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;cursor: pointer;color: #FFF;font-size: 2vw;font-weight: 900;float: none;}
#header .info .toggler img {margin: 0 1vw 0 0;height: 2.5vw;float: left;}
#header .info .toggler span {margin: 0;font-size: 2vw;font-weight: 900;float: left;padding: 0;}
#header .info ul {display: none;width: 26.8vw;position: absolute;float: none;top: calc(7.5vw + 1px);right: 0;z-index: 9999;list-style-type: none!important;padding: 0;margin: 0;}
#header .info ul li {margin-right: 1px;margin-bottom: 1px;padding: 1vw 2vw;width: calc((100% - 2px) / 3);height: 5vw;line-height: 3vw;font-size: 1vw;font-weight: 900;background: #CC0000;color: #FFF;text-align: center;}
#header .info ul li:nth-child(1) {margin-right: 0;width: 100%;height: auto;line-height: 2vw;text-align: left;}
#header .info ul li:nth-child(2) {margin-right: 0;width: 100%;text-align: left;}
#header .info ul li:nth-child(3) {margin-right: 0;width: 100%;text-align: left;}
#header .info ul li:nth-child(4) {width: calc((100% - 1px) / 2);float: left;white-space: nowrap;padding: 1vw 0;}
#header .info ul li:nth-child(5) {margin-right: 0;width: calc((100% - 1px) / 2);float: left;white-space: nowrap;padding: 1vw 0;}
#header .info ul li:nth-child(6) {width: 100%;}
#header .info ul li:nth-last-child(-n+3) {margin-bottom: 0;padding: 15px 2vw;float: left;width: calc((100% - 2px) / 3);}
#header .info ul li img {height: 2vw;float: none;}
#header .info ul li:last-child {margin-right: 0;}
header a:hover{color: #b0b0b0!important;}
/* HEADER */

/* ANASAYFA */
#main {width: 100%;z-index: 1;}
.front .hero {width: 100%;height: 75vh;z-index: 1;}
.front .hero .video {width: 100%;height: 75vh;z-index: 1;background: #999;object-fit: cover;}
.front .hero .text {padding: 2vw;width: 50%;position: absolute;float: none;top: 10vw;left: 7.5%;z-index: 2;color: #FFF;background: rgba(0, 0, 0, 0.2);}
.front .hero .text h1 {width: 100%;line-height: 3.5vw;font-size: 3vw;font-weight: 900;}
.front .hero .text p {margin-top: 2vw;width: 100%;line-height: 1.25vw;font-size: 1.25vw;font-weight: 500;font-stretch: normal;}
.front .calendar {display: -ms-flex;display: -webkit-flex;display: flex;padding: 0 7.5%;width: 100%;height: 25vh;z-index: 2;background: #FFF;position: relative;}
.front .calendar .days {padding: 5vh 0;width: 25%;height: 25vh;}
.front .calendar .days ul {display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;width: 100%;height: 15vh;line-height: 15vh;margin: 0;padding: 0;list-style-type: none!important;}
.front .calendar .days ul li {margin-right: 2vw;width: auto;height: 15vh;line-height: 15vh;font-size: 2.5vw;font-weight: 900;}
.front .calendar .days ul li:last-child {margin-right: 0;}
.front .calendar .days ul li a {color: #000;display: block;opacity: 0.25;cursor: pointer;font-weight: 900;}
.front .calendar .days ul li a.active, .front .calendar .days ul li a:hover {opacity: 1;}
.front .calendar .events {display: -ms-flex;display: -webkit-flex;display: flex;width: 75%;}
.front .calendar .events .event {position: relative;margin-top: -10vh;padding: 2vw;height: 35vh;background: #000;flex: 1;color: #FFF;}
.front .calendar .events .event.tomorrow{display: none;}
.front .calendar .events .event.tiyatro:hover {background: #d12e2e;}
.front .calendar .events .event.tiyatro {border-right: #d12e2e solid 5px;}
.front .calendar .events .event.soylesi:hover {background: #30824b;}
.front .calendar .events .event.soylesi {border-right: #30824b solid 5px;}
.front .calendar .events .event.konser:hover {background: #1186c7;}
.front .calendar .events .event.konser {border-right: #1186c7 solid 5px;}
.front .calendar .events .event.performans:hover {background: #843da2;}
.front .calendar .events .event.performans {border-right: #843da2 solid 5px;}
.front .calendar .events .event .time {width: 100%;line-height: 3vw;font-size: 3vw;font-weight: 500;font-stretch: normal;}
.front .calendar .events .event .title {margin-top: 2vw;width: 100%;line-height: 1.5vw;font-size: 1.5vw;font-weight: 900;}
.front .calendar .events .event .producer {margin-top: 0.5vw;width: 100%;line-height: 1vw;font-size: 1vw;font-weight: 500;font-stretch: normal;}
.front .calendar .events .event .category {width: 100%;position: absolute;bottom: 2vw;left: 2vw;z-index: 1;line-height: 1vw;font-size: 1vw;font-weight: 900;}
.front .calendar .events .event a {width: 100%;height: 100%;position: absolute;float: none;display: block;left: 0;top: 0;z-index: 2;font-size: 0;opacity: 0;}
/* ANASAYFA */

/* SAHNE */
.single {padding: 10vw 7.5% 8vw;width: 100%;}
.single h1 {margin-bottom: 1vw;width: 100%;line-height: 7.5vw;font-size: 7vw;letter-spacing: -2px;font-weight: 900;text-align: center;}
.koma-block-image {margin: 0 0 1em;}
.single .koma-block-image {margin-bottom: 2vw;width: 100%;}
.single .koma-block-image img{width: 100%;height: auto;}
.single p {padding: 0 20%;margin-bottom: 2vw;width: 100%;line-height: 2vw;font-size: 1.25vw;font-weight: 500;font-stretch: normal;}
.single h4.sahne-title {padding: 0 20%;margin-bottom: 2vw;width: 100%;line-height: 2vw;font-size: 1.6vw;font-weight: 700;font-stretch: normal;}
/* SAHNE */

/* OYUN */
.theater-detail.single{padding-bottom: 80px;}
.theater-detail .image-content img{width: 100%;height: 40vw;object-fit: cover;}
.theater-detail .theatre-name h4{text-align: center;margin-bottom: 2vw;}
.theater-detail .info-content{margin-top: 3vw;margin-bottom: 8vw;}
.theater-detail .info-content h4.team-title{padding: 0 20%;margin-bottom: 2vw;width: 100%;line-height: 2vw;font-size: 1.5vw;font-weight: 900;font-stretch: normal;}
.theater-detail .team .role-2 p{margin-bottom: 0;}
.theater-detail .team .role-1 p{margin-bottom: 0;}
.theater-detail .team .role-2 p strong{font-weight: 500;}
.theater-detail .team .role-1 p strong{font-weight: 500;}
.single .share {display: -ms-flex;display: -webkit-flex;display: flex;width: 100%;margin: 0;padding: 0;list-style-type: none;}
.single .share li {margin-right: 1px;width: calc((100% - 3px ) / 4);height: 8vw;font-size: 2vw;font-weight: 900;}
.single .share li:last-child {margin-right: 0;}
.single .share li a {padding: 3.5vw 2vw 2.5vw;background: #000;color: #FFF;display: block;position: relative;font-weight: 900;}
.single .share li a:hover {background: #333;}
.single .share li img {width: auto;height: 3vw;position: absolute;float: none;top: 2.5vw;right: 2vw;z-index: 2;}
/* OYUN */

/* SESSION FIXED CONTENT */
.session-fixed-area {display: none;padding: 2vw 7.5%;width: 100%;height: 8vw;position: fixed;float: none;left: 0;bottom: 0;z-index: 9999;background: #FFF;}
.session-fixed-area.flex{display: -ms-flex;display: -webkit-flex;display: flex;}
.session-fixed-area .buytext {width: 5%;height: 4vw;line-height: 1vw;font-size: 1vw;font-weight: 900;opacity: 0.25;position: relative;}
.session-fixed-area .buytext span {width: auto;height: 4vw;position: absolute;bottom: 0;left: 0;transform: rotate(-90deg);}
.session-fixed-area .events {width: 75%;height: 5.5vw;overflow-X: auto;scrollbar-width: none;-ms-overflow-style: none;}
.session-fixed-area ul {width: 100%;height: 5.5vw;overflow-X: auto;display: flex;flex-wrap: nowrap;scrollbar-width: none;-ms-overflow-style: none;list-style-type: none;margin: 0;padding: 0;}
.session-fixed-area ul li {margin-right: 2vw;width: auto;float: none;height: 4vw;line-height: 4vw;font-size: 2.5vw;font-weight: 900;}
.session-fixed-area ul li a {float: left;position: relative;display: block;color: #c0c0c0;opacity: 1;}
.session-fixed-area ul li a:hover{opacity: 1;color: #000000;}
.session-fixed-area .events ul li .day {display: block;height: 1.5vw;line-height: 1.5vw;font-size: 1.5vw;font-weight: 900;float: none;}
.session-fixed-area .events ul li .text {display: block;height: 1.5vw;line-height: 1.5vw;font-size: 1.5vw;font-weight: 900;float: none;margin-top: 16px;color: #000000;}
.session-fixed-area .events ul li .text .red{color: red;}
.session-fixed-area .events ul li .time {display: block;height: 2.5vw;line-height: 2.5vw;font-size: 2.5vw;font-weight: 900;float: none;}
.session-fixed-area .tickets {width: 20%;height: 4vw;float: right;}
.session-fixed-area .tickets img {width: auto;height: 3vw;}
.session-fixed-area .tyt-logo{position: relative;top: 12px;display: block;text-align: right}



/* SESSION FIXED CONTENT */

/* PROGRAM */
.calendar .mounth-content:last-child{margin-top: 10vw;}
.calendar {padding: 10vw 7.5%;width: 100%;}
.calendar h1 {margin-bottom: 2vw;width: 100%;line-height: 3.5vw;font-size: 3.5vw;font-weight: 900;}
.calendar .month {width: 100%;}
.calendar .month .day {margin-bottom: 2vw;width: 100%;display: -ms-flex;display: -webkit-flex;display: flex;}
.calendar .day .date {margin-block-start: 0;margin-block-end: 0;width: 25%;line-height: 2.5vw;font-size: 2.5vw;font-weight: 900;}
.calendar .day .events {width: 75%;display: -ms-flex;display: -webkit-flex;display: flex;}
.calendar .day .events .event {padding: 2vw;height: 35vh;background: #000;flex: 1;color: #FFF;cursor: pointer;position: relative;}
.calendar .day .events .event.konser:hover {background: #1186c7;}
.calendar .day .events .event.konser {border-right: #1186c7 solid 5px;}
.calendar .day .events .event.tiyatro:hover {background: #d12e2e;}
.calendar .day .events .event.tiyatro {border-right: #d12e2e solid 5px;}
.calendar .day .events .event.soylesi:hover {background: #30824b;}
.calendar .day .events .event.soylesi {border-right: #30824b solid 5px;}
.calendar .day .events .event.performans:hover {background: #843da2;}
.calendar .day .events .event.performans {border-right: #843da2 solid 5px;}
.calendar .day .events .event .time {width: 100%;line-height: 3vw;font-size: 3vw;font-weight: 500;font-stretch: normal;}
.calendar .day .events .event .title {margin-top: 2vw;width: 100%;line-height: 1.5vw;font-size: 1.5vw;font-weight: 900;}
.calendar .day .events .event .producer {margin-top: 0.5vw;width: 100%;line-height: 1vw;font-size: 1vw;font-weight: 500;font-stretch: normal;}
.calendar .day .events .event .category {width: 100%;position: absolute;bottom: 2vw;left: 2vw;z-index: 1;line-height: 1vw;font-size: 1vw;font-weight: 900;}
.calendar .day .events .event a {width: 100%;height: 100%;position: absolute;float: none;display: block;left: 0;top: 0;z-index: 2;font-size: 0;opacity: 0;}
/* PROGRAM */

/* FOOTER */
footer .footer-copright{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 1rem 7.5% ;width: 100%;background-color: #ffffff;}
footer .footer-copright .logo img{width: 160px;}
footer .footer-copright .copy{display: -ms-flex;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
footer .footer-copright .copy p{margin-bottom: 0;font-weight: 600;font-size: 13px;color: #727272;margin-left: 1.5rem;}

@media (max-width: 1024px) {
    footer .footer-copright{-webkit-flex-direction: column;flex-direction: column;padding: 15px 0;}
    footer .footer-copright .copy{-webkit-flex-direction: column;flex-direction: column;margin-bottom: 15px;}
    footer .footer-copright .copy .copy-text{margin-top: 15px;}
    footer .footer-copright .copy p{margin: 0 15px;}
}
/* FOOTER */
::selection {background: rgba(204, 0, 0, 0.1);}

@media (max-width: 767px) {
    .mobile-hidden{display: none!important;}
}
@media (min-width: 768px) {
    .web-hidden{display: none!important;}
    .theater-detail.single{padding-bottom: 160px;}
}

@media handheld, only screen and (max-width:767px) {
    #header 		{ width:100%; height:8vh; left:0; right:0; top:0; z-index:999; display:flex; }
    #main 			{ padding:0; }
    .session-fixed-area { display:none; padding:1vh 5vw; height:10vh;}

    #header .logo 	{ padding:1vh 5vw; width:auto; height:8vh; flex:1; }
    #header .logo img { width:100%; height:6vh; }
    #header .menu 	{ margin-left:1px; padding:2vh 5vw; height:8vh; flex:1; text-align:center;-webkit-justify-content: center;justify-content: center; }
    #header .menu .toggler { width:auto; height:4vh; float:none; display:inline-block; }
    #header .menu .toggler img { width:auto; height:4vh; }
    #header .menu ul { display:none; width:100vw; height:auto; position:fixed; float:none; top:calc(8vh + 1px); right:0; left:0; z-index:9999;}
    #header .menu ul li { margin-right:0; margin-bottom:1px; width:100%; height:12vh; line-height:12vh; font-size:6vw; text-align:center;  background:#000; }
    #header .menu ul li:last-child { margin-right:0; margin-bottom:0; }
    #header .menu ul li a { color:#FFF; display:block; }
    #header .menu ul li a.active, #header .menu ul li a:hover { opacity:0.25; }
    #header .info 	{ flex:1; margin-left:1px; padding:2vh 5vw; width:auto; float:right; height:8vh; }
    #header .info.open { background:#CC0000; }
    #header .info .toggler { height:4vh; line-height:4vh; font-size:4vw; }
    #header .info .toggler img { margin:0; height:4vh; float:left; }
    #header .info .toggler span { display:none; }
    #header .info ul { display:none; width:100vw; top:calc(8vh + 1px); }
    #header .info ul li { margin-right:1px; margin-bottom:1px; padding:1vh 2vw; width:calc((100% - 2px) / 3); height:auto; line-height:8vh; font-size:4vw;}
    #header .info ul li img { height:4vh; float:none; }
    #header .info ul li a { display:block; color:#FFF; }
    #header .info ul li:nth-child(1) { padding:3vh 2vw; height:auto; line-height:5vh; text-align:center; }
    #header .info ul li:nth-child(2) { margin-right:0; width:100%; text-align:center; }
    #header .info ul li:nth-child(3) { margin-right:0; width:100%; text-align:center; }
    #header .info ul li:nth-child(4) { width:calc((100% - 1px) / 2); }
    #header .info ul li:nth-child(5) { margin-right:0; width:calc((100% - 1px) / 2); }
    /*#header .info ul li:nth-child(6) { margin-right:0; width:100%; }*/
    #header .info ul li:nth-last-child(-n+3) { margin-bottom:0; padding:1vh 2vw; }
    #header .info ul li:last-child { margin-right:0; }
    #header .close 	{ padding:1vw 2vw; width:auto; float:right; height:8vh; background:#000;}
    #header .close .toggler { padding:1.5vw 3vw; width:100%; height:6vw; text-align:center; cursor:pointer; }
    #header .close .toggler img { height:3vw; float:none; display:inline-block; }

    .session-fixed-area .menu 	{ width:72.5%; height:8vh; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style: none; }
    .session-fixed-area .menu::-webkit-scrollbar { width:0px; height:0; }
    .session-fixed-area ul 		{ height:8vh; overflow-y:hidden; }
    .session-fixed-area .menu ul::-webkit-scrollbar { width:0px; height:0; scrollbar-width:none; -ms-overflow-style: none; }
    .session-fixed-area .menu ul li	{ width:35vw; }
    .session-fixed-area.cal .menu ul li { width:15vw; }
    .session-fixed-area ul li	{ margin-right:5vw; height:8vh; line-height:8vh; font-size:5vw; }
    .session-fixed-area ul li:last-child { margin-right:0; }
    .session-fixed-area ul li a	{ float:left; position:relative; display:block; color:#000; opacity:0.25; }
    .session-fixed-area ul li.current-menu-item a, .session-fixed-area ul li a:hover, .session-fixed-area ul li.current-menu-parent a { opacity:1; }
    .session-fixed-area .roll 	{ position:sticky; position:-webkit-sticky; }

    .session-fixed-area .events { width:65%; height:8vh; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style: none; padding-right: 20px;}
    .session-fixed-area .events::-webkit-scrollbar { width:0px; height:0; }
    .session-fixed-area .events ul { width:auto; scrollbar-width:none; -ms-overflow-style: none; }
    .session-fixed-area .events ul li {  padding:1vh 0; width:23vw; height:8vh;min-width: 23vw;margin-right: 20px; }
    .session-fixed-area .events ul li:last-child{margin-right:0;}
    .session-fixed-area .events ul li .day	{ width:100%; height:2vh; line-height:2vh; font-size:1.15vh;  }
    .session-fixed-area .events ul li .time	{ width:100%; height:4vh; line-height:4vh; font-size:4vh; }
    .session-fixed-area .events ul li .text	{ width:100%; height:2vh; line-height:2vh; font-size:1.15vh;margin-top: 2px;  }

    .session-fixed-area .buytext { width:10%; height:8vh; line-height:4vh; font-size:2.5vw; }
    .session-fixed-area .buytext span { width:auto; height:8vh; position:absolute; bottom:0; left:0; transform:rotate(-90deg); }

    .session-fixed-area .tyt-logo{top: 5px;right: 0px;}
    .session-fixed-area .tickets { width:25%; height:8vh; float:right; }
    .session-fixed-area .tickets img { margin-top:1vh; width:auto; height:3vh; }
    .session-fixed-area .tickets .tyt-logo img { height:5vh; }

    .front .hero 	{ width:100%; height:65vh; z-index:1; overflow: hidden;position: relative; }
    .front .hero .video	{ width:100%; height:80vh; }
    .front .hero .text	{ padding:5vw; width:calc(100% - 10vw); bottom:5vw; top:auto; left:5vw; background:rgba(0, 0, 0, 0.5); }
    .front .hero .text h1 { line-height:6.5vw; font-size:5vw; }
    .front .hero .text p  { margin-top:5vw; line-height:5vw; font-size:5vw;  }
    .front .hero .control { bottom:5vw; left:5vw; }

    .front .calendar { padding:0; height:35vh;display: block}
    .front .calendar .days { padding:1vh 5vw; width:100%; height:8vh; }
    .front .calendar .days ul { width:100%; height:6vh; line-height:6vh; }
    .front .calendar .days ul li { margin-right:5vw; height:6vh; line-height:6vh; font-size:5vw; }
    .front .calendar .days ul li:last-child { margin-right:0; }
    .front .calendar .days ul li a { color:#000; display:block; opacity:0.25; }
    .front .calendar .days ul li a.active, .front .calendar .days ul li a:hover { opacity:1; }
    .front .calendar .events { width:100%; display:flex; height:27vh; }
    .front .calendar .events .event { margin-top:0; padding:5vw; height:27vh; }
    .front .calendar .events .event .time { line-height:5vw; font-size:5vw; }
    .front .calendar .events .event .title { margin-top:5vw; line-height:5vw; font-size:4vw; }
    .front .calendar .events .event .producer { margin-top:2vw; line-height:3vw; font-size:3vw; }
    .front .calendar .events .event .category { width:calc(100% - 10vw); bottom:5vw; left:5vw; line-height:3vw; font-size:3vw; }

    #main.calendar 	{ padding:10vh 0 12vh; width:100%; }
    .calendar h1 	{ margin-bottom:5vw; width:100%; padding:0 5vw; line-height:10vw; font-size:10vw; }
    .calendar .month .day { width:100%; margin-bottom:5vw;display: block; }
    .calendar .day .date { margin-bottom:5vw; padding:0 5vw; width:100%; line-height:5vw; font-size:5vw; }
    .calendar .day .events { width:100%; display:flex; }
    .calendar .day .events .event { padding:5vw 2vw 10vw 5vw; height:auto; }
    .calendar .day .events .event .time { line-height:5vw; font-size:5vw; }
    .calendar .day .events .event .title { margin-top:5vw; line-height:5.5vw; font-size:4.75vw; }
    .calendar .day .events .event .producer { margin-top:2vw; line-height:4vw; font-size:3vw; }
    .calendar .day .events .event .category { width:calc(100% - 10vw); bottom:5vw; left:5vw; line-height:3vw; font-size:3vw; }

    #main.productions { padding:10vh 0 12vh; width:100%; }
    .productions h1 { margin-bottom:5vw; width:100%; padding:0 5vw; line-height:10vw; font-size:10vw; }
    .productions .events { padding:0 5vw; width:100%; }
    .productions .events .event { margin-right:5vw; margin-bottom:5vw; width:calc((100% - 5vw) / 2); }
    .productions .events .event:nth-child(2n) { margin-right:0; }
    .productions .events .event .figure img { height:24vw }
    .productions .events .event .text {  padding:2vh 5vw; min-height:calc(100% - 24vw); }
    .productions .events .event .title { margin-top:0; line-height:5vw; font-size:4vw; }
    .productions .events .event .producer { margin-top:2vw; line-height:4vw; font-size:3vw; }

    #main.single 	{ padding:10vh 0 10vh; width:100%; }
    .single h1		{ margin-bottom:1vw; padding:0 5vw; line-height:13vw; font-size:10vw; letter-spacing:-1px; }
    .single h2		{ padding:0 10%; margin-bottom:5vw; line-height:6vw; font-size:5vw; }
    .single h3		{ padding:0 10%; margin-bottom:5vw; line-height:5vw; font-size:4.75vw; }
    .single p		{ padding:0 10%; margin-bottom:5vw; line-height:5.75vw; font-size:3.75vw; }
    .single .image-content	{ margin-bottom:10vw; width:100%; }
    .single .image-content img	{ width:100%; height:auto; object-fit:cover; }
    .single .gallery { margin-bottom:5vw; }
    .single .gallery li { margin-right:5vw; width:calc((100% - 5vw) / 2) }
    .single .gallery li:nth-child(2n) { margin-right:0; }
    .single .tags	{ margin-top:1vw; margin-bottom:10vw; padding:0 5vw; width:100%; display:flex; flex-wrap:wrap; }
    .single .tags li { margin-right:2.5%; width:40%; line-height:5.75vw; font-size:3vw; text-align:right; vertical-align:bottom; }
    .single .tags li:nth-child(2n) { margin-right:0; width:57.5%; text-align:left; font-size:3.75vw; }
    .single .share 	{ width:100%;-webkit-flex-wrap: wrap;flex-wrap: wrap; }
    .single .share li { margin-right:1px; margin-bottom:1px; width:calc((100% - 1px ) / 2); height:auto; font-size:5vw; }
    .single .share li:nth-child(2) { margin-right:0; }
    .single .share li a { padding:2.5vh 5vw; background:#000; color:#FFF; display:block; }
    .single .share li a:hover { background:#333; }
    .single .share li img { width:auto; height:3vh; position:absolute; float:none; top:3vh; right:5vw; z-index:2; }

    .theater-detail .info-content h4.team-title{font-size: 4.5vw;padding: 0 10%;}

    #main.media 	{ padding:10vh 0 10vh; width:100%; }
    .media h1 		{ margin-bottom:1vw; padding:0 5vw; line-height:13vw; font-size:10vw; letter-spacing:-1px;  }
    .media .month 	{ padding:0 5vw; width:100%; }
    .media .month .day { margin-bottom:5vw; width:100%; color:#FFF; line-height:5vw; font-size:5vw;  }
    .media .date	{ width:100%; margin-bottom:5vw; line-height:5vw; font-size:5vw; }
    .media .feed 	{ width:100%; display:flex; }
    .media .feed .post { padding:5vh 5vw; min-height:auto; }
    .media .feed .post .title { line-height:6vw; font-size:5vw; }
    .media .feed .post .producer { margin-top:2vw; line-height:4vw; font-size:3vw; }
    .media .feed .post .category { width:calc(100% - 10vw); bottom:5vw; left:5vw; line-height:3vw; font-size:3vw; }

    .pop img		{ width:80%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

}