
@media only screen and (min-width: 768px) and (max-width: 1016px) {
	.wrapper { width: 748px; }
	header a.logo { max-width: 280px; display: inline-block; }
	header a.logo img { height: 18px; }
	ul.top_nav li { padding-left: 12px; }
	nav .dropdown .one { width: 200px; }
	nav .dropdown .common { width: 172px; padding-right: 15px; }
	nav .dropdown .common.last { padding-right: 0px; width: 171px;  }
	nav .dropdown h2 { padding-left: 7px; }
	nav .dropdown li a { padding-left: 7px; }
	.nav li.last ul { left: auto; right: 0px; }
	nav .dropdown ul { width: 190px; }
	nav .dropdown li { font-size: 13px; }
	nav .dropdown h3 { font-size: 13px; }
	.twocolumn a.play { margin-top: -86px; }
	.bannerBox { padding-top: 15px; }
	.bannerBox .left { width: 500px; }
	.bannerBox .right { width: 230px; }
	.bannerBox .image a { display: block; float: none; }
	.bannerBox .caption { padding: 8px 3% 14px 3%; width: 94%; }
	.bannerBox h4 { padding-bottom: 7px; font-size: 13px; line-height: 17px; }
	.bannerBox h2 { padding-bottom: 7px; font-size: 18px; line-height: 22px; }
	.bannerBox h5 { font-size: 12px; line-height: 15px; }
	.bannerBox .right p { padding-bottom: 7px; font-size: 12px; line-height: 15px; }
	.pillerBox { padding: 25px 0 0; }
	.pillerBox li { padding: 0 0px 29px 0; margin: 0 15px 30px 0; }
	.pillerBox figure { width: 239px; }
	.pillerBox figure a { height: auto; }
	.pillerBox figure img { float: left; }
	.pillerBox p { padding-right: 10px; font-size: 9px; }
	.missBox .text { padding: 19px 11px; width: 130px; }
	.missBox h3 { font-size: 12px; line-height: 17px; padding-bottom: 5px; }
	.missBox figure { width: 264px; }
	.missBox figure:nth-of-type(2) { width: 180px; }
	.missBox p { font-size: 11px; line-height: 14px; }
	.missBox .slider { height: 192px; }
	.memberBox .left { width: 500px; }
	.memberBox .right { padding-bottom: 15px; width: 200px; }
	.memberBox li { width: 25%; height: 95px; }
	.memberBox li img { height: 100%; }
	.memberBox h3 { padding-bottom: 10px; font-size: 14px; }
	.memberBox .right p { font-size: 13px; line-height: 20px; }
	.memberBox .right span { font-size: 14px; line-height: 18px; }
	.memberBox h6 { font-size: 13px; line-height: 17px; }
	.socialBox .left { width: 500px; }
	.socialBox .right { width: 230px; }
	.socialBox .left p { width: 79%; float: left; }
	.socialBox .right p { font-size: 11px; line-height: 15px; }
	.socialBox .right li p a { display: block; }
	.socialBox .right li img { margin-bottom: 65px; }
	.sponserBox li { max-width: 102px; }
	.sponserBox ul:first-child { padding-right: 15px; }
	.sponserBox ul:first-child li { padding-left: 10px; max-width: 105px; }
	.sponserBox ul:first-child li:first-child { padding-left: 0px; }
	.sponserBox li { padding-left: 15px; }
	footer .left { width: 482px; }
	.left_column { width: 173px; }
	.right_column { width: 560px; }
	.left_nav li { font-size: 13px; line-height: 18px; }
	.newsletterBox { padding: 9px 10px 19px 10px; }
	.newsletterBox input[type="text"] { width: 143px; border: 1px solid #D1CFCF; }
	.newsletterBox input[type="submit"] { margin-top: 14px; }
	.archiveinfo .secondary_btn { right: 7px; }
	.leftCntr { width: 376px; }
	.rightCntr { width: 170px; }
	.twocolumn .left { width: 376px; }
	.twocolumn .right { width: 170px; }
	.twocolumn .promosBox { width: 170px;  }
	.twocolumn .promosBox h3 { padding-bottom: 2px; font-size: 14px; }
	.accordingBox figure span { padding: 4px 4% 7px 4%; width: 92%; }
	.recommendBox .one { width: 160px; }
	.recommendBox .two { width: 200px; }
	.recommendBox figure { width: 180px; }
	.recommendBox li { padding-left: 15px; }
	.promosBox { width: 180px; }
	.promosBox h3 { padding: 0 10px 9px; font-size: 16px; }
	.promosBox p { padding: 0 10px 14px; }
	.promosBox .primary_btn { padding-left: 10px; min-width: 137px; }
	.nav li { padding-left: 49px; }
	.showBox form { padding-left: 10px; }
	#eventCalender .ui-datepicker, #monthCalender .ui-datepicker { width: 172px !important; }
	#eventCalender .ui-datepicker td span, #eventCalender .ui-datepicker td a, #monthCalender .ui-datepicker td span, #monthCalender .ui-datepicker td a { width: 23px; height: 28px; line-height: 28px; }
	.ui-datepicker .ui-datepicker-title { font-size: 15px; line-height: 18px; }
	.ui-datepicker-month { padding-left: 10px; }
	.sortBox { width: 558px; }
	.sortBox li:first-child { padding: 0 8px 0 9px; }
	.sortBox li { padding-left: 10px; }
	.sortBox select { margin-bottom: 8px; width: 175px; }
	.sortBox input[type="text"] { width: 166px; }
	.archiveBox li { margin-right: 15px; max-width: 176px; }
	.archiveBox li a span { padding-left: 6px; width: 170px; font-size: 11px; }
	.showBox { width: 558px; }
	.showBox label.first { padding-right: 14px; }
	.showBox label { padding-right: 11px; }
	.showBox input[type="checkbox"] { margin: 2px 5px 0 0; }
	.listingBox figure { margin-right: 15px; width: 180px; }
	.listingBox .text { width: 200px; }
	.listingBox h3 { font-size: 16px; line-height: 20px; padding-bottom: 7px; }
	.listingBox .date { padding-left: 15px; width: 145px; }
	#mainCntr.calender .showBox { width: 746px; }
	.titleBox p.section_title { min-width: 200px; }
	.titleBox .view { padding-left: 0.8%; margin-top: 0px; width: 50%; }
	.titleBox ul { margin-top: 4px; }
	.bannerBox .left a.bannerSliderNavPrev { left: 31%; }
	.bannerBox .left a.bannerSliderNavNext { right: 31.3%; }
	.accordingBox li { width: 374px; }
	#cboxContent { width: 710px !important; }
	#cboxLoadedContent { width: 100% !important; }
	.bannerBox.piller .caption { padding: 8px 3% 14px; width: 94%; }
	.bannerBox.front .left { width: 370px; }
	.bannerBox.front .right { width: 180px; }
	.featureBox figure { max-width: 180px; }
	.featureBox li { margin: 0 10px 15px 0; padding: 0 0px 29px 0; }
	.socialBox.front { padding-top: 15px; }
	.socialBox.front .left { width: 370px; }
	.socialBox.front .right { width: 180px; }
	.socialBox.front .left p { width: 72%; }
	.leftCntr a.logo { margin-left: 15px; }
	.infoBox .left { width: 330px; }
	.searchBox select { width: 159px; margin-right: 10px; }
	.searchBox input[type="text"] { width: 155px; }
	.searchBox input[type="submit"] { margin-left: 3px; }
	.searchBox li { padding: 0 6px 0 9px; font-size: 14px; }
	.searchBox li:first-child { padding-right: 10px; }
	.archiveBox ul { margin: 0 -15px 0 0px; }
	#mainCntr { overflow: hidden; }
	.fc-state-default.fc-corner-left { left: 34%; }
	.fc-state-default.fc-corner-right { right: 34%; }
	.listingBox .primary_btn { font-size: 14px; }
	.pillerBox.festivel { padding-bottom: 0px; }
	.festivel_banner .left { width: 228px; min-height: 210px; }
	.festivel_banner .right { width: 500px; }
	.festivel_banner .right a { float: none; display: block; overflow: hidden; }
	.bannerBox.piller .left a.bannerSliderNavPrev { left: 38%; }
	.bannerBox.piller .left a.bannerSliderNavNext { right: 37.5%; }
	.bannerBox.piller .pagina ul { left: 0px; }
	.titleBox p { width: 63%; float: right; }
	.bannerBox.front .left a.bannerSliderNavNext { right: 25%; }
	.bannerBox.front .left a.bannerSliderNavPrev { left: 25%; }
	.gridBox .logo { max-width: 220px;}
	.gridBox h1 { width: 510px; padding-bottom: 5px; }
	.gridBox p { width: 510px; }
	.calender_grid .top span.month { width: 30%; left: 4.5%; }
	.calender_grid .top .fc-state-default.fc-corner-left { left: 27%; }
	.calender_grid .top .fc-state-default.fc-corner-right { right: 39.3%; }
	.calender_grid .grid .date { width: 87px; }
	.calender_grid .grid.eight .date { width: 87px; }
	.calender_grid .grid.nine .date { width: 87px; }
	.calender_grid .grid.three, .calender_grid .grid.four { left: 17.5%; }
	.calender_grid .grid.two { left: 29.2%; }
	.calender_grid .grid.eight { left: 64.5%; }
	.calender_grid .grid.nine { left: 64.5%; top: 68.3%; }
	.calender_grid .grid.two .date, .calender_grid .grid.three .date, .calender_grid .grid.four .date, .calender_grid .grid.five .date, .calender_grid .grid.six .date, .calender_grid .grid.seven .date { width: 87px; }
	.calender_grid .grid.ten .date { width: 88px; }
	.calender_grid .grid { left: 5.7%; }
	.calender_grid .grid.seven .tooltip, .calender_grid .grid.eight .tooltip, .calender_grid .grid.nine .tooltip, .calender_grid .grid.ten .tooltip, .calender_grid .grid.eleven .tooltip { right: auto; left: -325px; }
	.calender_grid .grid.seven .arrow, .calender_grid .grid.eight .arrow, .calender_grid .grid.nine .arrow, .calender_grid .grid.ten .arrow, .calender_grid .grid.eleven .arrow { right: -23px; left: auto; border-left: 13px solid rgba(52, 46, 46, 0.9); border-right: 0px; }
	.calender_grid td span { padding-left: 0px; text-align: center; }
	.calender_grid .grid.seven { left: 52.8%; }
}
@media only screen and (max-width: 767px) {
	#mainCntr { overflow: hidden; }
	.wrapper { width: 320px; }
	.dropdown, ul.top_nav { display: none; }
	header a.logo { display: none; }
	header a.mobilelogo { margin: 13px 0 7px 10px; display: block; float: left; }
	header { padding: 0px; }
	nav ul { margin: 0px 10px; }
	nav ul li { padding-left: 19px; font-size: 13px; }
	nav ul li:first-child { padding-left: 0px; }
	.bannerBox { padding: 0px; }
	.bannerBox .left { padding: 0px; width: 100%; }
	.bannerBox .image a { float: none; display: block; }
	.bannerBox .left p { display: none; }
	.bannerBox .left h3 { padding-bottom: 0px; font-size: 14px; line-height: 18px; }
	.bannerBox .caption { padding: 8px 3.5% 8px 3.5%; width: 93%; }
	.bannerBox .image img { float: left; }
	header .wrapper { position: relative; }
	.bannerBox .right { padding: 10px 10px 0; width: 300px; float: left; }
	.pillerBox { display: none; }
	.missBox { display: none; }
	.memberBox .left { display: none; }
	.memberBox { padding-top: 0px; }
	.memberBox .right { margin: 0px; padding: 14px 10px 25px; width: 300px; float: left; }
	.socialBox .left { width: 100%; float: left; }
	.socialBox p { width: 65%; float: left; }
	.socialBox { padding: 19px 10px 0; width: 300px; }
	.socialBox p a { display: block; }
	.socialBox .right { display: none; }
	.sponserBox { display: none; }
	footer a.logo { position: absolute; top: 0px; left: 10px; width: 300px; }
	footer a.logo img { height: 17px; }
	footer .wrapper { position: relative; }
	footer .left { padding: 0px 10px; width: 300px; }
	footer .left ul { display: none; }
	footer { padding: 18px 0 5px; min-height: 100px; position: relative; }
	/*fix footer in mobile - from nate */
footer .right {
    padding: 0px 10px;
    float: left;
    width: 300px;
    text-align: center;
}
footer .right a.secondary_btn {float: none !important;}
	footer .left ul.copyright { padding-top: 118px; display: block; text-align: center; }
	footer .left ul.copyright li { padding: 0 7px; display: inline-block; text-align: center; float: none; }
	footer .left ul.copyright li a { display: inline-block; text-align: center; }
	footer label { display: none; }
	footer .right form { position: absolute; top: 76px; left: 35px; text-align: center; }
	footer .right ul {
    padding: 0px;
    width: 100%;
    margin: 20px 0;
}
	footer .right ul li { display: inline-block; float: none; }
	footer .right ul li a { display: inline-block; text-align: center; }
	.toggleMenu { display: block; }
	.mobilelogo, .toggleMenu, .mobilesearch { display: block; }
	.titleBox { padding-top: 14px; margin-left: 10px; margin-right: 10px; width: 300px; }
	.titleBox.archive, .titleBox.detail { padding-bottom: 11px; }
	.titleBox p.section_title { font-size: 20px; line-height: 26px; }
	.titleBox p.section_title { min-width: 20px; min-height: 20px; }
	.titleBox.archive p.section_title { min-height: 20px; }
	.titleBox ul { display: none; }
	.right_column {  padding: 15px 10px 32px; width: 300px; }
	.rightCntr figure img { width: 100%; }
	.rightCntr figure a.play { margin-top: -51px;  }
	.left_column { padding: 0 0px; width: 320px; }
	.rightCntr { width: 100%; float: left; }
	.leftCntr { float: left; width: 100%; }
	.right_column h2, .right_column h1 { font-size: 16px; line-height: 22px; }
	.rightCntr figure span { padding: 4px 10px 7px 10px; font-size: 13px; width: 280px; text-transform: capitalize; }
	.rightCntr figure { margin-bottom: 0px; }
	.rightCntr h3 { padding: 15px 0 7px; }
	/*.rightCntr .primary_btn { display: none; }*/
	.rightCntr p:nth-of-type(1) { display: none; }
	.rightCntr address { padding-bottom: 0px; }
	.accordingBox figure { display: none; }

/*
Steves Added Code -----------------------------------------------------------*/

.accordingBox figure { display: block; }
.accordingBox figure span { display: none; }

/*
Steves Code End -------------------------------------------------------------*/

	.accordingBox h3 { padding: 11px 10px 11px 10px; }
	.accordingBox .text { padding: 0 10px 9px 10px; }
	.recommendBox h3 { padding-top: 18px; font-size: 16px; line-height: 22px; }
	.recommendBox .one { width: 100%; text-align: center; }
	.recommendBox .two { width: 100%; float: left; }
	.recommendBox figure { width: 147px; }
	.recommendBox li { padding-left: 6px; }
	.recommendBox figure span { padding: 4px 5px 6px 5px; width: 137px; font-size: 13px; line-height: 16px; }
	.recommendBox { padding-bottom: 24px; }
	.promosBox { float: none; overflow: hidden; margin: auto; }
	.left_nav { margin: 0; padding: 0px; border-bottom: 1px solid #b8b6b6; width: 100%; }
	.left_nav li { padding: 0 0px; border-top: 1px solid #b8b6b6; width: 100%; background: #f0f0f0; }
	.left_nav li a { padding: 8px 10px 8px 10px; }
	.left_nav li li a { padding: 6px 10px 7px 10px; }
	.left_nav li.current a { color: #fff; font-weight: 400; }
	.left_nav li.current a:hover { font-weight: 400; }
	.left_nav li a:hover { font-weight: 700; }
	.left_nav ul.film_detail ul { margin: 0px; padding-bottom: 0px; border: 0px; }
	.newsletterBox { display: none; }
	.archiveinfo { display: none; }
	#mainCntr.festivel header { padding-bottom: 0px; }
	#mainCntr.festivel header .wrapper { padding-bottom: 3px; border-bottom: 1px solid #4f4a4a; }
	.nav li { padding: 0px; line-height: 27px; border-right: 1px solid #514a50; border-bottom: 1px solid #514a50; width: 106px; text-align: center; }
	.nav li:nth-child(7) { display: none; }
	.nav li:nth-child(3) { border-right: 0px; }
	.nav li:nth-child(6) { border-right: 0px; }
	.nav { margin: 0 auto; padding: 0px; clear: both; width: 320px; float: none; }
	#mainCntr.festivel .right_column h2, #mainCntr.festivel .right_column h1 { font-size: 22px; line-height: 26px; padding-top: 0px; }
	.right_column .mobilelogo { margin: 10px 0 25px 0; }
	#mainCntr.festivel .archiveBox { margin: 0px; }
	.sortBox { width: 298px; }
	.sortBox ul { display: none; }
	.sortBox form { padding: 0 5px 10px 5px; }
	.sortBox select { padding: 5px 8px 8px 4px; margin: 0 0 9px; font-size: 14px; height: 32px; width: 288px; }
	.sortBox input[type="text"] { padding: 0 8px; margin: 0 0 9px 0; width: 269px; height: 32px; line-height: 32px; }
	.sortBox input[type="submit"] { width: 90px; font-size: 14px; margin: 0px; height: 32px; }
	.archiveBox li { max-width: 147px; }
	.archiveBox li { margin: 0 6px 15px 0; overflow: hidden; }
	.archiveBox li a span { padding: 0 6px; width: 135px; font-size: 12px; height: 30px; }
	.archiveBox ul { margin: 15px -6px 0 0; }
	.paginationBox ul { padding: 10px 0; }
	.paginationBox { padding-bottom: 0px; }
	.paginationBox li { padding: 0 7px 0 7px; font-size: 13px; line-height: 18px; }
	.left_column .logo { display: none; }
	.titleBox .logo { margin: 10px 0 25px 0; display: block; }
	.titleBox.festivel_title { margin-bottom: 15px; }
	#eventCalender, #monthCalender { padding: 0 10px 20px; }
	#eventCalender .ui-datepicker, #monthCalender .ui-datepicker { width: 299px !important; }
	#eventCalender .ui-datepicker td span, #eventCalender .ui-datepicker td a, #monthCalender .ui-datepicker td span, #monthCalender .ui-datepicker td a { width: 41px; height: 36px; line-height: 36px; }
	#eventCalender .ui-datepicker th, #monthCalender .ui-datepicker th { width: 41px; height: 36px; }
	.ui-datepicker-month { padding-left: 10px; }
	#mainCntr.calender .showBox { display: none; }
	.titleBox .view { display: none; }
	#mainCntr.calender #eventCalender { margin-top: 11px; }
	.listingBox figure { margin: 4px 0 0px; width: 131px; }
	.listingBox .text p { display: none; }
	.listingBox .primary_btn { display: none; }
	.listingBox h3 { padding-bottom: 6px; font-size: 14px; line-height: 16px; }
	address span { padding-bottom: 2px; }
	.listingBox .text { width: 154px; float: right; }
	.listingBox .date { padding: 0px; width: 154px; float: right; }
	.listingBox li { padding: 9px 0 11px; }
	.listingBox address { font-size: 0px; line-height: 0px; }
	address a, address span { font-size: 13px; line-height: 18px; }
	address span { color: #585858; }
	.listingBox h3 span { font-size: 10px; line-height: 14px; }
	.listingBox { padding-bottom: 0px; }
	.titleBox.festivel { display: block; }
	#mainCntr.festivel .right_column h2.none, #mainCntr.festivel .right_column h1.none { display: none; }
	.right_column .showBox { display: none; }
	.listingBox h4 { padding: 0px 0 14px; font-size: 16px; line-height: 22px; }
	#mainCntr.festivel .right_column.detail h2, .right_column.detail h2, #mainCntr.festivel .right_column.detail h1, .right_column.detail h1 { padding: 14px 0 13px; font-size: 16px; line-height: 22px; }


	.leftCntr a.logo { margin: 30px auto auto; display: block; float: none; width: 175px; }
	.titleBox p { padding-top: 5px; width: 100%; }
	.titleBox { padding-bottom: 10px;  }
	.bannerBox.piller { padding: 11px 10px 0; width: 300px; }
	.bannerBox.piller .caption { padding: 9px 10px 7px 10px; width: 280px; }
	.pillerBox.piller { padding: 23px 10px 0; width: 300px; display: block; }
	.pillerBox.piller h2 { font-size: 16px; line-height: 21px; }
	.pillerBox figure { width: 147px; }
	.pillerBox.piller figure a img { height: auto; width: auto; float: left; }
	.pillerBox figure a { height: auto; }
	.pillerBox.piller p{ display: none; }
	.pillerBox.piller h3 { padding: 3px 6px 0px 6px; font-size: 12px; line-height: 15px; }
	.pillerBox figcaption { bottom: -22px; height: 22px; }
	.pillerBox li { padding: 0 6px 36px 0; margin: 0px; }
	.pillerBox li.last { padding-right: 6px; }
	.pillerBox ul { margin-right: -6px; }
	.pillerBox li:nth-child(7), .pillerBox li:nth-child(8), .pillerBox li:nth-child(9) { display: none; }
	.socialBox.piller { padding-top: 5px; }
	.socialBox.piller .left li:nth-child(2) { display: none; }
	.socialBox.piller .right { margin: 0 0px; display: block; width: 100%; float: left; }
	.socialBox.piller .right p { width: 100%; }
	.right_column.left .sortBox { display: none; }
	.resultBox { margin: 0px; padding: 14px 0 0px 0; width: 100%; }
	.right_column.left { padding: 13px 10px; }
	.right_column.left h2 { padding-bottom: 10px; }
	.resultBox h3 { font-size: 16px; line-height: 21px; }
	.titleBox.detail p.section_title { min-height: 20px; }
	.deatilBox ul { margin-left: 30px; }
	.newsBox.detail li img { margin: 5px 0 0 0; width: 115px; }
	.newsBox.detail li p { padding-bottom: 0px; float: right; width: 170px; }
	.newsBox.detail li h3 { padding-bottom: 5px; width: 170px; float: right; font-size: 14px; line-height: 18px; }
	.newsBox.detail li { padding: 14px 0 15px; }
	.newsBox.detail ul { margin-bottom: 21px; }
	.dropdown { display: none !important; }
	.bannerBox .left a.bannerSliderNavPrev { left: 21%; }
	.bannerBox .left a.bannerSliderNavNext { right: 22%; }
	.accordingBox li { width: 298px; }
	.nav .wrapper { width: 100%; display: none; position: absolute; top: 0px; left: 0px; background: #615E5E; }
	.left_nav li li { padding: 0px; }
	.nav li ul { padding-bottom: 0px; left: -107px; top: 27px; z-index: 999; width: 320px; }
	.nav li li a, .nav li.dropmenu:hover li a { padding-left: 0px; }
	.nav li li { padding: 3px 0 6px; text-align: center; border-right: 0px; border-left: 1px solid #514A50; width: 159px; font-size: 13px; }
	.nav li li a { padding: 0px; }
	.nav li li:first-child { border-left: 0px; }
	.nav li li:nth-child(3) { border-left: 0px; }
	.nav li li:nth-child(5) { border-left: 0px; }
	.nav li li:nth-child(8) { border-left: 0px; }
	.nav li li:nth-child(10) { border-left: 0px; }
	.nav li li:nth-child(13) { border-left: 0px; }
	.left_nav li.subnav.active a { padding-left: 30px; font-weight: 400; background: url("../images/mobile-arrow.png") no-repeat scroll 10px 12px; }
	.left_nav li.subnav.active li a { padding: 8px 10px; background: none; }
	.logoBox  { padding: 15px 10px 0; width: 300px; }
	.presentBox { padding: 20px 10px; width: 300px; }
	.left_column .presentBox h2 { padding: 0px 0 15px; }
	.festivel_mobilenav { display: block; }
	.right_column h2.month, .right_column h1.month { text-align: center; }
	.right_column h2.month a.pre, .right_column h1.month a.pre { margin-left: 8px; text-align: left; float: left; }
	.right_column h2.month a.next, .right_column h1.month a.next { margin-right: 11px; text-align: right; float: right; }
	#colorbox, #cboxOverlay, #cboxWrapper, #cboxTopCenter, #cboxContent, #cboxBottomCenter { width: 100%; }
	#cboxTitle { width: auto; }
	.right_column h2.month a.pre, .right_column h2.month a.next, .right_column h1.month a.pre, .right_column h1.month a.next { display: block; }
	.fc-state-default.fc-corner-left { left: 14%; }
	.fc-state-default.fc-corner-right { right: 14%; }
	#calendar { padding: 0 10px; width: 300px; }
	.left_column h2{ padding: 11px 10px 13px;}
	.left_column p { padding: 0 10px 22px; }
	.festivel_banner .right { padding-top: 22px; width: 320px; float: left; }
	.festivel_banner .right a { float: none; display: block; overflow: hidden; }
	.festivel_banner .right span { padding: 7px 6px 10px 6px; position: relative; float: left; font-size: 15px; width: 308px; }
	.festivel_banner { padding: 8px 0 7px; }
	.festivel_banner .left { padding: 0 10px; width: 300px; min-height: 50px; }
	.film { left: auto; right: 10px; max-width: 60px; bottom: 25px; display: inline-block; }
	.ticket { right: 10px; max-width: 81px; display: inline-block; }
	.searchBox ul { display: none; }
	.searchBox { padding: 19px 10px 6px; width: 300px; }
	.searchBox select { margin: 0px 0 8px; width: 300px; }
	.searchBox input[type="text"] { padding: 0 7px; margin: 0px 0 8px; width: 284px; }
	.searchBox input[type="submit"] { margin: 0px; width: 90px; font-size: 14px; height: 32px; }
	.pillerBox.finder { padding: 20px 10px 100px; display: block; }
	.pillerBox.finder li { margin: 0 6px 15px 0; padding: 0px; min-height: 88px; }
	.pillerBox.finder figcaption { bottom: 0px; }
	.pillerBox.finder h3 { padding: 3px 6px 7px 6px; font-size: 12px; line-height: 15px; }
	.infoBox .left { width: 100%; float: left; }
	.infoBox .right { width: 100%; float: left; }
	.infoBox span.date { padding: 5px 15px 5px; font-size: 16px; }
	.newsBox.news { padding-top: 12px; }
	.newsBox.news .sortBox { display: none; }
	.newsBox.news ul { margin-top: 0px; }
	.newsBox.news  h2 { padding-bottom: 7px; margin-bottom: 14px; border-bottom: 1px solid #D2D2D2; }
	.newsBox.news li:last-child { border: 0px; padding-bottom: 0px; }
	.newsBox.news li { font-size: 14px; line-height: 18px; }
	.newsBox li strong { color: #342e2e; font-weight: 400; }
	.newsBox.news p { padding-bottom: 15px; font-size: 14px; line-height: 18px; }
	.newsBox li { padding: 13px 0 15px; }
	.newsBox li:first-child { padding-bottom: 15px; }
	.bannerBox.front .left { width: 100%; }
	.bannerBox.front .caption { padding: 7px 6px 8px 6px; width: 288px; }
	.bannerBox.front .right { padding: 10px 0 0; margin: 10px 0 0 0px; width: 100%; }
	.featureBox { padding-top: 15px; }
	.featureBox figure { width: 147px; }
	.featureBox ul { margin-right: -6px; }
	.featureBox li { margin: 0 6px 11px 0; }
	.featureBox li.last { padding-right: 6px; }
	.featureBox h3 { padding: 3px 6px 5px 6px; font-size: 13px; }
	.featureBox figcaption { bottom: -25px; height: 26px; }
	.socialBox.front { padding-top: 15px; }
	.socialBox.front .left { width: 100%; }
	.socialBox.front .left p { width: 66%; }
	.socialBox.front .right { display: block; width: 100%; float: left; }
	.socialBox.front .right p { padding-bottom: 10px; width: 100%; }
	.socialBox.front p a { display: inline-block; }
	.socialBox.front .right h2 { padding: 12px 0 10px; }
	ul.view_list { padding: 0 0 15px; float: left; }
	ul.view_list li:first-child { padding-left: 0px; }
	.rightCntr figure img.mobile { display: block; }
	.rightCntr figure img.desktop { display: none; }
	.clientBox { padding-bottom: 10px; }
	.sortBox form a.close { margin-right: 0px; }
	.presentBox, .clientBox { display: none; }
	.presentBox.mobile, .clientBox.mobile { padding-top: 0px; display: block; }
	.bannerBox.piller .left a.bannerSliderNavPrev { left: 21%; }
	.bannerBox.piller .left a.bannerSliderNavNext { right: 22%; }
	.bannerBox.piller .pagina ul { left: 0px; }
	.bannerBox.front .left a.bannerSliderNavNext { right: 20%; }
	.bannerBox.front .left a.bannerSliderNavPrev { left: 20%; }
	.titleBox.festivel_title { display: block; }
	.presentBox.mobile address { padding-right: 30px; }
	#mainCntr.festivel .clientBox { display: block; }
	table.fc-border-separate th { font-size: 7px; }
	.fc-grid .fc-day-number { font-size: 10px; }
	.fc-event { font-size: 10px; }
	.wrapper.fullwidth { width: 100%; }
	.wrapper.fullwidth .wrapper { width: 320px; }
	.wrapper.fullwidth .left_column { width: 100%; }
	.rightCntr figure span { display: none; }
	.rightCntr figure span.mobile { display: block; }
	.gridBox .logo { max-width: 220px;}
	.gridBox h1 { width: 100%; float: left; font-size: 20px; line-height: 26px; padding-bottom: 10px; }
	.gridBox { padding: 15px 10px; width: 300px; }
	.gridBox .logo { margin-bottom: 15px; }
	.gridBox p { width: 100%; float: left; }
	.calender_grid .top span.month { width: 30%; left: 4.5%; }
	.calender_grid .top .fc-state-default.fc-corner-left { top: 42%; left: 12%; }
	.calender_grid .top .fc-state-default.fc-corner-right { top: 42%; right: 12.3%; }
	.calender_grid .top ul.view_list { padding: 0px 10px 10px; width: 300px; float: left; }
	.calender_grid { padding: 8px 10px 40px; width: 300px; }
	.calender_grid .grid .date { width: 87px; }
	.calender_grid .grid.eight .date { width: 87px; }
	.calender_grid .grid.nine .date { width: 87px; }
	.calender_grid .grid.three, .calender_grid .grid.four { left: 17.5%; }
	.calender_grid .grid.two { left: 29.3%; }
	.calender_grid .grid.seven .tooltip, .calender_grid .grid.eight .tooltip, .calender_grid .grid.nine .tooltip, .calender_grid .grid.ten .tooltip { right: auto; left: -325px; }
	.calender_grid .grid.seven .arrow, .calender_grid .grid.eight .arrow, .calender_grid .grid.nine .arrow, .calender_grid .grid.ten .arrow { right: -23px; left: auto; border-left: 13px solid rgba(52, 46, 46, 0.9); border-right: 0px; }
	.calender_grid td span { padding-left: 0px; text-align: center; }
	.calender_grid .top form { margin: auto; float: none; width: 190px; }
	.calender_grid .top span.month { padding: 15px 0 10px; left: auto; width: 100%; display: block; }
	.nav li:nth-child(3) ul { left: -214px; }
	.nav li:nth-child(4) ul { left: 0px; top: 27px; }
	.nav li:nth-child(5) ul { top: 27px; }
	.nav li:nth-child(6) ul { top: 27px; left: -214px; }
	.festivel_banner a.logo { max-width: 185px; display: inline-block; }
	.pillerBox.festivel { padding: 10px 10px 0; width: 300px; display: block; }
	.pillerBox.festivel figure { width: 100%; }
	.pillerBox.festivel ul { margin: 0px; }
	.pillerBox.festivel li { padding: 0px 0 5px; width: 100%; }
	.pillerBox.festivel h2 { font-size: 17px; }
	.newsBox { padding-top: 15px;  }
	.left_nav li ul { display: none; }
	.twocolumn .left { width: 100%; float: left; }
	.twocolumn .right { width: 100%; float: left; }
	.twocolumn a.desktop, .twocolumn .info, .twocolumn .promosBox { display: none; }
	.twocolumn address { max-width: 213px; }
	.twocolumn .video { float: none; margin:0 auto; }

}

/*---------------------------------------------------------------------------------*/
/*------------------------------- Steves Added Code -------------------------------*/
/*---------------------------------------------------------------------------------*/


@media only screen and (min-width: 320px) {
	.vertWrap { height: 168px; }
	div.boxes div.box span.title { font-size: 20px; }

	.hideFromHH { display: none; }

	.pillerBox.festivel { height: 300px; }

	.pillerBox.festivel ul { width: 100%; margin: 0 auto 0 0; display: table; }
	.pillerBox.festivel li { width: 46%; margin: 0; min-height: 190px; position: relative; margin-bottom: -35px; }
		.pillerBox.festivel li figure { position: absolute; bottom: 0; }
	.pillerBox.festivel li:nth-child(odd) { float: left; }
	.pillerBox.festivel li:nth-child(even) { float: right; }
		.pillerBox.festivel h2 { font-size: 15px!important; text-align: center; }

	.trailerImg, #bkGrndImg1, #bkGrndImg2, #bkGrndImg3 { display: none; }

	}

	@media only screen and (min-width: 767px) {
	.vertWrap { height: 154px; }
	div.boxes div.box span.title { font-size: 26px; }

	.hideFromDT { display: none; }
	.hideFromHH { display: block; }

	.pillerBox.festivel { height: auto; }

	.pillerBox.festivel ul { width: 488px; margin: 0 auto; }
	.pillerBox.festivel ul li { margin-bottom: 30px; min-height: auto;  }
	.pillerBox.festivel li figure { position: relative; bottom: auto; }

	.trailerImg { display: block; }

	}

@media only screen and (min-width: 1016px) {

	.pillerBox.festivel ul { width: auto; }
	.pillerBox.festivel li { width: 233px; margin: 0 22px 30px 0; }
	.pillerBox.festivel li:nth-child(odd) { float: left; }
	.pillerBox.festivel li:nth-child(even) { float: left; }


	div.boxes div.box span.title { font-size: 36px; }

	.vertWrap { height: 200px; }

	#bkGrndImg1, #bkGrndImg2, #bkGrndImg3  { display: block; }

	/*--- End of Steves Code ---*/
}

	

@media only screen and (max-width: 520px){
	#cboxContent { width: 400px !important;  }
	#cboxLoadedContent { width: 100% !important; height: 100% !important; }
	}
@media only screen and (max-width: 470px){
	#cboxContent { width: 250px !important; height: 370px !important; }
	#cboxLoadedContent { width: 100% !important; height: 85% !important; }
	.left_nav { left: 0px; position: relative; right: 0px; }
	}