@media all and (min-width: 250px) and (max-width: 989px) {
	body {overflow-x: hidden;}
	.wrapper {width: 100%; padding: 0 20px}
	.global_hor_menu {height: 45px}
	#header #menu {flex: 0 0 auto; width: 50%}
	#header #change_lang {flex: 0 0 auto;}
	#header #search {flex: 0 0 auto;}
	#header {z-index: 12}
	#header .wrapper {height: 100%;align-items: center;-webkit-align-items: center;}
	#header .wrapper:before {background-position: 20px 5px, 94% bottom;}

	.header {justify-content: center;-webkit-justify-content: center;}	

	#slider .start_festival_countdown {bottom: 0;}

	#events {margin-top: 0; padding-top: 30px; padding-bottom: 30px; min-height: max-content}
	#events .wrapper .tab_holder ul.tab {flex-wrap: wrap;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
	#events .wrapper .tab_holder .content {margin-top: 0}

	#news\/multimedia .wrapper #multimedia {display: none;}
	
	#slider {height: 440px; overflow: hidden;}

	#oldest_festival .wrapper .gallery .mask:after {content: none}
	#oldest_festival .lSSlideOuter.vertical {width: 100%}

	#oldest_festival .wrapper .gallery {position: absolute;width: 100%;top: 0;bottom: 0;mix-blend-mode: exclusion;opacity: 0.3; left: 0; right: 0}
	#oldest_festival .wrapper .detail {margin: 0; width: 100%}
	#oldest_festival .wrapper .detail .link {justify-content: center;-webkit-justify-content: center;}
	#oldest_festival .wrapper .detail .link a {width: 75px;height: 75px;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;border-radius: 8px;background: #fff;flex-direction: row;-webkit-flex-direction: row;}
	#oldest_festival .wrapper .detail .link a i {margin-bottom: 0}
	#oldest_festival .wrapper .detail .link a span {display: none;}

	#oldest_festival .wrapper .gallery .mask,
	#oldest_festival .wrapper .gallery .mask .lSSlideOuter,
	#oldest_festival .wrapper .gallery .mask ul li,
	#oldest_festival .wrapper .gallery .mask ul {width: 100%; height: 380px}
	#oldest_festival .wrapper .gallery .mask ul li img {margin-top: 0}
	#oldest_festival .wrapper .gallery .mask {bottom: 0}

	#copyright .wrapper {padding: 20px;flex-direction: column;}
	#copyright .wrapper > article {width: 100%}
	#copyright .wrapper .left {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff}

	#footer {height: initial;}
	#footer .wrapper.info {flex-direction: column;}
	#footer .wrapper.info #link {}
	#footer .wrapper.info #link ul {flex-direction: column; align-items: center; -webkit-align-items: center;}
	#footer .wrapper.info #link ul li {width: 100%}
	#footer .wrapper.info #map {width: 100%; height: initial;margin-bottom: 10px; margin-top: 10px}

	


	#search_overflow {padding: 20px}
	#search_overflow .wrapper {width: 100%; padding: 0}

	#search_result .select {margin-bottom: 30px}
	#search_result .wrapper a.news_item .image_holder {width: 70px; height: 70px}
	#search_result .wrapper a.news_item .news_content .title h3 {margin-left: 0; margin-right: 0; font-size: 14px}
	#search_result .wrapper a.news_item .news_content .title {flex-direction: column;}
	#search_result .wrapper a.news_item .news_content .abstract {display: none;}

	#search_result .wrapper a.workshop_item,
	#search_result .wrapper a.participant_item {width: 100%;margin-left: 0; margin-right: 0;}
	#search_result .wrapper a.workshop_item .info span {width: 100%;border-left: 0;border-right: 0;}

	#inside_header {min-height: 120px; height: max-content}
	#inside_header .wrapper {position: relative;z-index: 10;}
	#inside_header .header {flex-direction: column;-webkit-justify-content:center;justify-content:center;}
	#inside_header .header span {line-height: 1.3em;padding: 5px 30px;}

	#g_message_holder[pos=rightTop] {top: 0; right: 0}
	#g_message_holder .g-message {width: 100% !important}

	#festival_report .wrapper .video_description {width: 100%}

	#news\/multimedia .wrapper #news:after {content: none}
	#news\/multimedia:before {width: 100%; overflow: hidden;}

	.form_field span.title {z-index: 10 !important}
}

@media all and (min-width: 250px) and (max-width: 500px) {
	#slider #festival {width: 100%}
	#slider #festival .festival_info:before,
	#slider #festival .festival_info:after {width: 50px}

	#slider .start_festival_countdown {width: 100%; bottom: 0; height: initial; padding: 10px 0; justify-content: center; -webkit-justify-content: center;}
	#slider .start_festival_countdown p {display: block;line-height: 1em; height: initial; text-align: center; margin: 0; font-size: 13px}
	#slider .start_festival_countdown p span {align-items: center;-webkit-align-items: center;margin:0 2px;}

	#g_dialog {min-width: initial !important; width: 90% !important}
	#g_dialog[instance=workshop_view] #g_dialog_content .image_holder {width: 100%}

	#events .wrapper .tab_holder .content {margin-top: 0}
	#events .wrapper .tab_holder .content,
	#events .wrapper .tab_holder .content .event_holder {width: 100%}
	#events .wrapper .tab_holder .content .event_item {width: 100%;margin:20px 0 0 0; height: initial;min-height: 80px}

	.tab_holder ul.tab {display: none !important;}
	.tab_holder .select {display: flex; width: 100%; position: relative;}
	.tab_holder .select:after {content: 'keyboard_arrow_down';font-family: mticon;position: absolute;top: calc(50% - 7px);line-height: 1em;}
	[rtl] .tab_holder .select:after {left: 20px;}
	[ltr] .tab_holder .select:after {right: 20px}
	.tab_holder .select select {display: block;width: 100%;height: 40px;background: #fff;border: 1px solid rgb(235,235,235);border-radius: 8px;font-family: iran;text-align: center;padding: 10px 20px;-webkit-appearance: square-button;appearance: square-button;}

	#statistic .wrapper .stat ul {flex-direction: column; position: relative;}
	#statistic .wrapper .stat ul li {width: 100%; flex-direction: row-reverse;height: max-content;justify-content: space-between;-webkit-justify-content: space-between; align-items: center;-webkit-align-items: center; height: 50px}
	#statistic .wrapper .stat ul li:after {content: ' '; height: 1px; left: 0; right: 0; position: absolute; border-bottom: 1px dashed #bbcad1;}
	#statistic .wrapper .stat ul li .title {height: initial;; position: relative; z-index: 10; background-color: #f7fdfc;max-width: 80%;line-height: 1em;}
	[rtl] #statistic .wrapper .stat ul li .title {padding:0 0 0 5px;}
	[ltr] #statistic .wrapper .stat ul li .title {padding:0 5px 0 0;}
	#statistic .wrapper .stat ul li .count {height: initial; font-size: 30px; font-weight: 400; position: relative; z-index: 10; background-color: #f7fdfc;}
	[rtl]#statistic .wrapper .stat ul li .count {padding: 0 5px 0 0}
	[ltr]#statistic .wrapper .stat ul li .count {padding: 0 0 0 5px}
	#statistic .wrapper:before {width: 100%}
	[rtl] #statistic .wrapper .sign {left: 0; width: 35%; position: absolute;overflow: hidden;}
	[ltr] #statistic .wrapper .sign {right: 0; width: 35%; position: absolute;overflow: hidden;}
	[rtl] #statistic .wrapper .stat {width: 70%;margin-left: auto}
	[ltr] #statistic .wrapper .stat {width: 70%;margin-right: auto}

	#news\/multimedia {padding: 20px 0 50px}
	#news\/multimedia:after {content: none}
	#news\/multimedia .wrapper #news {width: 100%}
	#news\/multimedia .wrapper #news .content,
	#news\/multimedia .wrapper #news .content a.news_item:first-of-type,
	#news\/multimedia .wrapper {flex-direction: column;}
	#news\/multimedia .wrapper #news .content a.news_item:first-of-type .image_holder {margin: 0 auto 20px;}
	#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content {margin:0;}
	#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .title {flex-direction: column;align-items: flex-start;-webkit-align-items: flex-start;}
	#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .title span {order: 1;}
	[ltr] #news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .title span {margin-right: auto; margin-left: 0}
	[rtl] #news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .title span {margin-right: 0; margin-left: auto}
	#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .title h3 {order: 2}
	#news\/multimedia .wrapper #news .content a.news_item {width: 100%}


	#oldest_festival .wrapper .gallery .mask ul li img {height: 380px; width: initial;}

	#participant .content_item .participant_item {width: 100%;margin-left:0;margin-right:0;height: initial;}
	#participant_view .info {flex-direction: column;}
	#participant_view .info .detail {margin-right: 0; margin-left: 0; margin-top: 30px;align-items: center;-webkit-align-items: center;}
	#participant_view .info .detail > span {display: flex; flex-direction: column; align-items: center; margin-top: 5px; padding-top: 5px; border-top: 1px dashed #e7e7e7}
	#participant_view .info .detail > span i {margin: 10px 0;}
	#participant_view .participant_info span {display: flex; flex-direction: column; align-items: center; margin-top: 5px; padding-top: 5px;}
	#participant_view .participant_info span i {margin-left: 0; margin-right: 0;}
	#participant_view .content > div {width: 100%}

	#participant .search input,
	#participant .search {width: 100%}

	#workshop_list .wrapper .content {flex-direction: column;}
	#workshop_list .wrapper .content .workshop_item {width: 100%;margin-left: 0; margin-right: 0}
	#workshop_list .wrapper .content .workshop_item .info {flex-direction: column;}
	#workshop_list .wrapper .content .workshop_item .info .image_holder {width: 100%}
	#workshop_list .wrapper .content .workshop_item .info .image_holder img {width: 100%; height: initial;}
	#workshop_list .wrapper .content .workshop_item .info .detail span {width: 100%; border-left: 0}

	#festival_report .wrapper .video #video_player {width: 100%}
}

@media all and (min-width: 250px) and (max-width: 360px) {
	#quick_access .wrapper ul li {width: 100% !important; margin: 0 0 10px 0 !important}
	#quick_access .wrapper ul {height: max-content !important}
	#slider #festival .festival_info:before, 
	#slider #festival .festival_info:after {width: 8% !important}
	#slider #festival .festival_info h1 {line-height: 100%; margin-bottom: 10px}
	#slider #festival .festival_info h3 {margin-top: -10px}
}

@media all and (min-width: 250px) and (max-width: 700px) {
	#quick_access {height: max-content; padding-top: 20px; padding-bottom: 10px}
	#quick_access .wrapper ul {flex-direction: row;-webkit-flex-direction: row;height: 190px;flex-wrap: wrap;width: 100%;margin-top: 0; justify-content: space-between; -webkit-justify-content: space-between;}
	#quick_access .wrapper ul li {margin:0 0 10px;width: calc(50% - 5px);}
	#quick_access .wrapper ul li a {height: 50px; flex-direction: row; -webkit-flex-direction: row;width: 100%}
	#quick_access .wrapper ul li a .image_holder {margin-bottom: 0; margin-left: 10px; margin-right: 10px}
	#quick_access .wrapper ul li a span {flex:1 1 auto;line-height: 1em}

	#opinion_form .wrapper #opinion_holder form {width: 100%}
	#opinion_holder .form_field[field=name] {margin-right: 0!important; margin-left: 0!important}
	#opinion_holder .form_field input[type=text],
	#opinion_holder .form_field[field=comment] textarea {width: 100% !important}
	.form_field:not(.notic) {width: 100% !important}
	#opinion_form .wrapper #opinion_holder .fcaptcha input[type=text] {width: 100% !important;flex: 0 0 auto;}
	#opinion_holder .form_field.fcaptcha img {left: 50% !important;top: -50px !important;}
	#opinion_form .wrapper #opinion_holder .form_field input[type=submit] {width: 100%}

	#news_list .wrapper .list .content {flex-direction: column;}
	#news_list .wrapper .list .content a.news_item {width: 100%}
	#news_list .wrapper .list .content a.news_item .news_content .abstract {display: none;}
}

@media all and (min-width: 250px) and (max-width: 800px) {
	#news_view .wrapper .news_content {flex-direction: column;}
	#news_view .wrapper .news_content .related {width: 100%; margin-right:0; margin-left: 0; margin-top: 30px}
	#news_view .wrapper .news_header {flex-direction: column;}
	#news_view .wrapper .news_header .title {padding: 30px 0}
	#search_overflow ul {display: none;}
}

@media all and (min-width: 500px) and (max-width: 600px) {
	#oldest_festival .wrapper .gallery .mask ul li img {height: 380px !important; width: initial !important;}
}

@media all and (min-width: 450px) and (max-width: 700px) {
	.global_hor_menu [id=drop]:checked ~ .first_level {width: 70% !important}
	#participant .content_item .participant_item {width: calc(50% - 10px) !important;margin-left:0; margin-right:0;margin-top:10px;height: initial;}
	[rtl] #participant .content_item .participant_item:nth-child(2n+1) {margin-right:10px;}
	[ltr] #participant .content_item .participant_item:nth-child(2n+1) {margin-left:10px;}
}

@media all and (min-width: 700px) and (max-width: 989px) {
	.global_hor_menu [id=drop]:checked ~ .first_level {width: 50% !important}
	#quick_access {height: max-content; padding-top: 20px; padding-bottom: 20px}
	#quick_access .wrapper ul li a {width: 110px; height: 110px}
	#quick_access .wrapper ul li {margin: 0 5px}

	#participant .content_item .participant_item {width: calc((100% / 3) - 8px);margin-left:0; margin-right:0;margin-top:10px;height: initial;}
	[rtl] #participant .content_item .participant_item {margin-left:10px;}
	[rtl] #participant .content_item .participant_item:nth-child(3n+1) {margin-left:0;}
	[ltr] #participant .content_item .participant_item {margin-right:10px;}
	[ltr] #participant .content_item .participant_item:nth-child(3n+1) {margin-right:0;}
}

@media all and (min-width: 500px) and (max-width: 989px) {
	#quick_access .wrapper ul {margin-top: 0px}

	#statistic .wrapper .stat ul li {width: 130px; flex:0 0 auto;}
	#statistic .wrapper .stat ul li .count {height: initial;}

	#statistic .wrapper:before {width: 100%}
	[rtl] #statistic .wrapper .sign {left: 0; width: 35%; position: absolute;overflow: hidden;}
	[ltr] #statistic .wrapper .sign {right: 0; width: 35%; position: absolute;overflow: hidden;}
	[rtl] #statistic .wrapper .stat {width: 70%;margin-left: auto}
	[ltr] #statistic .wrapper .stat {width: 70%;margin-right: auto}
	
	#news\/multimedia {padding: 20px 0 50px}
	#news\/multimedia:after {content: none}
	#news\/multimedia .wrapper #news {width: 100%}
	#news\/multimedia .wrapper #news:after {content: none;}

	#oldest_festival .wrapper .gallery .mask ul li img {height: initial; width: 100%;}


	#participant .tab_holder ul.tab {flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
	#participant .tab_holder ul.tab li {margin-bottom: 10px}	

	#workshop_list .wrapper .content .workshop_item .info {flex-direction: column;}
	#workshop_list .wrapper .content .workshop_item .info .image_holder {width: 100%}
	#workshop_list .wrapper .content .workshop_item .info .image_holder img {width: 100%; height: initial;}
	#workshop_list .wrapper .content .workshop_item .info .detail span {width: 100%; border-left: 0}

	#header .wrapper:before {background-position: 20px 5px, 97% bottom;}
}