@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;}
	#header-menu-mobile-button {display: block;}
	
	.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;}
	
	.highlight-topic-item {height: 110px;}
	
	.column-left {width: 100%; padding-left: 0;}
	.column-left li {padding-left: 20px;}
	.column-left li.active {background-image: none;}
	.column-right {width: 94%; padding: 0 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%;}
}

@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;}
}

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

@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%;}
}

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

@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;}
}

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