@media all and (max-width: 1300px) {
	#pit-countdown {width: 70%; margin-left: -35%;}
}

@media all and (max-width: 1100px) {
	#pit-countdown {width: 80%; margin-left: -40%;}
}

@media all and (max-width: 1050px) {
	/* .main-info-left {width: 57%; padding-right: 3%;}
	.main-info-right {width: 37%; padding-left: 3%;} */
	
	.highlight-topic-item {height: 90px;}
}

@media all and (max-width: 1000px) {
	#header-left {width: 22%;}
	#header-right {width: 78%;}
	
	#clear-workshop-6 {display: none;}
	#clear-workshop-5 {display: block;}
	.workshop-item {width: 20%;}
}

@media all and (max-width: 950px) {
	/* .main-info-left {width: 59%; padding-right: 1%;}
	.main-info-right {width: 39%; padding-left: 1%;} */
}

@media all and (max-width: 900px) {
	#header-left {width: 35%;}
	#header-right {width: 65%;}
	/* ul#navigation li {margin: 0 1%;} */
	
	.main-info-title {font-size: 27px;}
	.main-info-price-title td {font-size: 22px;}
	
	.highlight-topic-item {height: 110px;}
	.highlight-topic-item-number-number {font-size: 30px;}
}

@media all and (max-width: 800px) {
	#header-left {width: 30%;}
	#header-right {width: 70%;}
	
	.pit-subtitle {width: 90%;}
	#pit-countdown {width: 90%; margin-left: -45%;}
	
	.highlight-topic-item {height: 130px;}
	.highlight-topic-item-number-number {font-size: 28px;}
	
	#landing-page-decor {width: 200px; height: 293px; bottom: -146.5px;}
	
	#clear-workshop-5 {display: none;}
	#clear-workshop-4 {display: block;}
	.workshop-item {width: 25%;}
}

@media all and (max-width: 750px) {
	#header-left {width: 25%;}
	#header-right {width: 75%;}
	
	.pit-title {font-size: 40px;}
	.pit-date {font-size: 24px;}
	
	.highlight-topic-item {width: 49%; margin-right: 1%; height: 70px;}
}

@media all and (max-width: 700px) {
	#header-left {width: 70%;}
	#header-right {width: 30%;}
	
	#navigation {display: none !important;}
	#header-menu-mobile-button {display: block;}

	.main-info-wrapper {display: block;}
	.main-info-left {height: 350px;}
	
	.highlight-topic-item {height: 90px;}
	
	#landing-page-decor {width: 170px; height: 249px; bottom: -124.5px;}
}

@media all and (max-width: 650px) {
	.pit-title {font-size: 35px;}
	.pit-date {font-size: 20px;}
	.pit-subtitle {font-size: 24px;}
	.countdown-section {font-size: 19px;}
	.countdown-amount {font-size: 60px;}
	
	/* .main-info-left {width: 100%; padding-right: 0;}
	.main-info-right {width: 100%; padding-left: 0;} */

	.main-info-left {height: 330px;}
	
	.highlight-topic-item {height: 110px;}
	
	.column-left {width: 100%; padding-left: 0; display: none;}
	.column-left li {padding-left: 20px;}
	.column-left li.active {background-image: none;}
	.column-right {width: 94%; padding: 30px 3% 20px 3%;}
	
	.page-feedback .column-left {display: none;}
	.page-feedback .column-right {padding-top: 20px;}
	
	#clear-workshop-4 {display: none;}
	#clear-workshop-3 {display: block;}
	.workshop-item {width: 33.33%;}

	/*.price-list.desktop {display: none;}*/
	/*.price-list.mobile {display: table;}*/
}

@media all and (max-width: 600px) {
	.countdown-section {font-size: 17px;}
	.countdown-amount {font-size: 50px;}
	
	#landing-page-decor {width: 130px; height: 190px; bottom: -95px;}
	
	.form-label, .form-input {width: 100%; margin-right: 0;}

	.sponsor-wrapper .desktop-version {display: none;}
	.sponsor-wrapper .mobile-version {display: inline-block;}

	.main-info-left {height: 300px;}
}

@media all and (max-width: 550px) {
	.highlight-topic-item {width: 100%; margin-right: 0; height: 70px;}

	.main-info-left {height: 280px;}
}

@media all and (max-width: 500px) {
	.pit-title {font-size: 30px;}
	.pit-date {font-size: 17px;}
	.pit-subtitle {font-size: 20px;}
	.countdown-section {font-size: 14px;}
	.countdown-amount {font-size: 40px;}
	
	#clear-workshop-3 {display: none;}
	#clear-workshop-2 {display: block;}
	.workshop-item {width: 50%;}

	.main-info-left {height: 260px;}
}

@media all and (max-width: 450px) {
	#landing-page-decor {width: 100px; height: 146px; bottom: -73px;}
	.main-info-left {height: 240px;}
}

@media all and (max-width: 400px) {
	.pit-2018-button {font-size: 20px;}
	.pit-title {font-size: 27px;}
	.pit-date {font-size: 15px;}
	
	.highlight-topic-item {height: 90px;}

	.main-info-left {height: 220px;}
}

@media all and (max-width: 350px) {
	.countdown-section {font-size: 13px;}
	.countdown-amount {font-size: 30px;}
	
	.highlight-topic-item {height: 110px;}
}