@media (min-width: 1024px) {
}
/* =====================
   desktop
   min-width: 768px;
   max-width: 1024px;
===================== */
@media (min-width: 768px) and (max-width: 1200px) {
	h3 {
		font-size: 20px;
	}
}

/* =====================
   Tablets
   min-width: 640px;
   max-width: 767px;
===================== */
@media (min-width: 640px) and (max-width: 767px) {
	.menu > .active > a:hover,
	.menu > .active > a:focus,
	.menu > .open > a:hover,
	.menu > .open > a:focus {
		background: transparent!important;
	}
	.bar {
		position: relative;
		background:#fff;
		padding: 80px 0;
	}
	h3 {
		font-size: 18px;
	}
	p {
		font-size: 14px;
	}
	.btn {
		font-size: 14px;
		padding: 8px 10px;
		border-radius: 0;
	}
	#forum .title2 h4,
	#party .title2 h4,
	#perf .title2 h4,
	#ws .title2 h4{
	padding-bottom: 20px;
	font-size: 20px;
	line-height: 1.5em;
	}
}
/* =====================
   Tablets
   min-width: 480px;
   max-width: 639px;
===================== */
@media (min-width: 480px) and (max-width: 639px) {
	.menu > .active > a:hover,
	.menu > .active > a:focus,
	.menu > .open > a:hover,
	.menu > .open > a:focus {
		background: transparent!important;
	}
	.bar {
		position: relative;
		background:#fff;
		padding: 80px 0;
	}
	.mb {
		margin-bottom: 30px !important;
}
	.mb-lg {
		margin-bottom: 50px !important;
}
	.jumbotron h1 {
		padding-bottom: 20px;
		font-size: 20px;
		font-weight: 500;
	}
	.jumbotron p{
		font-size: 24px;
	}
	h3 {
		font-size: 18px;
	}
	p {
		font-size: 14px;
	}
	.btn {
		font-size: 14px;
		padding: 8px 10px;
		border-radius: 0;
	}
	.title2 h2{
	font-size: 38px;
	}
	#forum .title2 h4,
	#party .title2 h4,
	#perf .title2 h4,
	#ws .title2 h4{
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 1.5em;
	}
	#forum .block,
	#perf .block,
	#ws .block,
	#party .block,
	#prices .block,
	#organizers .block,
	#access .block{
	padding: 20px;
	}
	.em18 {
		font-size: 16px!important;
	}
	.em16 {
		font-size: 14px!important;
	}
	footer p {
		font-size: 12px;
		line-height: 1.5em;
	}
}

/* =====================
   Small Devices
   min-width: 320px;
   max-width: 479px;
===================== */
@media (min-width: 320px) and (max-width: 479px) {
	.menu > .active > a:hover,
	.menu > .active > a:focus,
	.menu > .open > a:hover,
	.menu > .open > a:focus {
		background: transparent!important;
	}
	.bar {
		position: relative;
		background:#fff;
		padding: 50px 0;
	}
	.mb {
		margin-bottom: 20px !important;
}
	.mb-lg {
		margin-bottom: 30px !important;
}
	.mb-small {
		margin-bottom: 15px !important;
	}
	.jumbotron h1 {
		padding-bottom: 20px;
		font-size: 16px;
		font-weight: 500;
	}
	.jumbotron p{
		font-size: 18px;
	}
	h2 {
	font-size: 20px;
	}
	h3 {
		font-size: 16px;
	}
	p {
		font-size: 14px;
	}
	#ws .btn-learn,
	#organizers .btn-learn,
	#prices .btn-learn,
	#party .btn-learn,
	#perf .btn-learn{
	border-radius: 20px;
	margin: 0;
	padding: 5px 15px;
	margin-bottom: 10px;
	}
	.title2 h2{
	font-size: 32px;
	}
	#forum .title2 h4,
	#party .title2 h4,
	#perf .title2 h4,
	#ws .title2 h4{
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 1.5em;
	}
	.box-menu .animation_button {
		width: 120px;
		height: 80px;
		font-size: 18px;
		padding: 10px;
}
	#forum .block,
	#perf .block,
	#ws .block,
	#party .block,
	#prices .block,
	#organizers .block,
	#access .block{
	padding: 15px;
	}
	#organizers {
	padding: 50px 0;
	}
	.em20{
		font-size: 16px!important;
	}
	.em18 {
		font-size: 16px!important;
	}
	.em16 {
		font-size: 14px!important;
	}
	th, td {
		font-size: 13px;
	}
	footer p {
		font-size: 12px;
		line-height: 1.5em;
	}
}
@media only screen and (max-width : 320px) {
	.menu > .active > a:hover,
	.menu > .active > a:focus,
	.menu > .open > a:hover,
	.menu > .open > a:focus {
		background: transparent!important;
	}
	.bar {
		position: relative;
		background:#fff;
		padding: 50px 0;
	}

	.mb {
		margin-bottom: 20px !important;
}
	.mb-lg {
		margin-bottom: 30px !important;
}
	.mb-small {
		margin-bottom: 15px !important;
	}

	.jumbotron h1 {
		padding-bottom: 20px;
		font-size: 16px;
		font-weight: 500;
	}
	.jumbotron p{
		font-size: 16px;
	}
	h2 {
	font-size: 20px;
	}
	h3 {
		font-size: 16px;
	}
	p {
		font-size: 14px;
	}
	.bg-primary,
	.bg-info,
	.bg-danger{
	border-radius: 8px;
	padding: 3px 10px;
	}
	#ws .btn-learn,
	#organizers .btn-learn,
	#prices .btn-learn,
	#party .btn-learn,
	#perf .btn-learn{
	border-radius: 20px;
	margin: 0;
	padding: 5px 15px;
	margin-bottom: 10px;
	}
	.title2 h2{
		font-size: 32px;
		line-height: 1.5em;
	}
	#forum .title2 h4,
	#party .title2 h4,
	#perf .title2 h4,
	#ws .title2 h4{
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 1.5em;
	}
	.box-menu .animation_button {
		width: 120px;
		height: 80px;
		font-size: 18px;
		padding: 10px;
	}
	#forum .block,
	#perf .block,
	#ws .block,
	#party .block,
	#prices .block,
	#organizers .block,
	#access .block{
	padding: 10px;
	}
	#organizers {
	padding: 50px 0;
	}
	.em20{
		font-size: 16px!important;
	}
	.em18 {
		font-size: 16px!important;
	}
	.em16 {
		font-size: 14px!important;
	}
	th {
		font-size: 12px!important;
	}
	td {
		font-size: 13px;
	}
	footer p {
		font-size: 12px;
		line-height: 1.5em;
	}
}