/* ==========================================================================
   Media Queries (for responsive behavior)
   ========================================================================== */

/*  ==========================================================================
    GRADED SETTINGS
	Media Queries ordered from largest to smallest view:
	1. SMALL SCREEN ("lt_w1700")
	2. SMALLER SCREEN ("lt_w1400")
	3. LAPTOP ("lt_w1250")
	4. TABLET ("lt_w1000")
	5. PHABLET ("lt_w768")
	6. PHONE ("lt_w400")
    ========================================================================== */

/* SMALL SCREEN ("lt_w1700")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1699px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Header
	 */
		
	.main_nav .holder > div > div .item a {
		font-size: 1.6em;
	}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Misc
	 */

}

/* SMALLER SCREEN ("lt_w1400")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1399px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
        font-size: 56.3%;
    }

   	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Header
	 */
	
	.main_nav .holder > div > div .item a {
		font-size: 1.4em;
	}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.google_maps .cell.holder {
		height: 300px;
	}

	/*
	 * Misc
	 */

}


/* LAPTOP ("lt_w1250")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1249px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
        font-size: 50%;
    }
    h1 {
    	font-size: 5.0em;
    }

   	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Header
	 */
	
	.vista .holder .bar_bottom .main_logo {
		width: 150px;
	}
	.main_nav .holder > div > div .item .sub_nav {
		margin-left: -75px;
		width: 150px;
	}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Misc
	 */

}

/* TABLET ("lt_w1000")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 999px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	h1 {
    	font-size: 3.0em;
    }
    h2 {
    	font-size: 1.4em;
    	margin-bottom: 10px;
    }

    /*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Header
	 */
	
	.vista .holder .bar_bottom .lang_nav {
		bottom: 40px;
		right: 20px;
	}
	.vista .holder .bar_bottom .mn_button {
		right: 20px;
		top: 20px;
	}
	.vista .holder .bar_bottom .mn_button.act {
		right: 270px;
	}
	.vista .holder .bar_bottom .main_logo {
		display: block;
		left: 20px;
		top: 20px;
	}
	.vista .holder .bar_bottom .contact {
		bottom: 40px;
		left: 20px;
	}
	.vista .holder .slider_nav {
		display: none;
	}
	.main_nav .holder > div > div .item.logo {
		display: none;
	}
		.main_nav .holder > div > div .item a {
			font-size: 1.2em;
		}
			.main_nav .holder > div > div .item .sub_nav {
				margin-left: -50px;
				width: 100px;
			}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.fixed_bar .holder .left {
		font-size: 1.6em;
	}
	.fixed_bar .holder .right form .field input.input_submit {
		font-size: 1.2em;
	}

	/*
	 * Misc
	 */

}

/* PHABLET ("lt_w768")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
	    font-size: 62.5%;
	}
	h3 {
		font-size: 2.5em;
	}
	h4 {
		font-size: 2.0em;
	}
	p,
	table tr th,
	table tr td,
	.c_el ul,
	.c_el ol {
		font-size: 1.4em;
	}
	.table_resp {
        overflow-x: scroll;
    }
        .table_resp table {
            min-width: 500px;
        }

	/*
	 * Modules
	 */

	/* More Button */
	.more_btn {
		font-size: 1.4em;
	}
	/* More Link */
	.more_link {
		font-size: 1.4em;
	}

	/*
	 * Backbone
	 */

	.grid {
		position: relative;
		right: 0;
		-webkit-transition: right 0.5s ease;
		-moz-transition: right 0.5s ease;
		-ms-transition: right 0.5s ease;
		-o-transition: right 0.5s ease;
		transition: right 0.5s ease;
	}
	.grid.mn_open {
		right: 70%;
	}
	.header.mn_fixed {
		padding-bottom: 0;
	}
	.info_button {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 60px;
		padding-right: 5px;
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		z-index: 0;
	}
	.info_button.open,
	.info_button:hover {
		right: auto;
	}
		.info_button > div {
			padding-left: 10px;
			text-align: center;
		}
		.info_button .icon {
			display: none !important;
		}
	.footer {
		padding-bottom: 40px;
	}

	/*
	 * Header
	 */
	
	.row.vista {
		padding-top: 0;
	}
		.vista .holder .bar_bottom {
			background-color: #9E8980;
			padding-bottom: 20px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 60px;
			position: relative;
			text-align: center;
		}
			.vista .holder .bar_bottom .lang_nav {
				bottom: auto;
				left: 20px;
				right: auto;
				top: 20px;
			}
			.vista .holder .bar_bottom .mn_button {
				right: 20px;
				top: 20px;
			}
			.vista .holder .bar_bottom .mn_button.act {
				right: 20px;
			}
			.vista .holder .bar_bottom .main_logo {
				left: auto;
				display: inline-block;
				position: static;
				top: auto;
				width: auto;
			}
				.vista .holder .bar_bottom .main_logo img {
					max-width: 200px;
				}
		.vista .holder .bar_bottom .contact {
			bottom: auto;
			display: block;
			left: auto;
			margin-top: 20px;
			position: static;
		}
			.vista .holder .bar_bottom .contact .pipe {
				display: none;
			}
			.vista .holder .bar_bottom .contact .break {
				display: block;
				height: 5px;
			}
		.vista .holder .overlay {
			display: none;
		}
		.vista .holder .headlines {
			background-color: #9c0f2e;
			height: auto;
			left: auto;
			padding-bottom: 20px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 20px;
			position: static;
			top: auto;
		}
		.vista .holder .mn_slide {
			background-color: #333333;
			position: fixed;
		}
		.vista .holder .mn_slide.open {
			width: 70%;
		}
			.vista .holder .mn_slide > ul {
				padding-bottom: 0;
			}
				.vista .holder .mn_slide > ul > li > a {
					color: #ffffff;
					width: 100%;
				}
				.vista .holder .mn_slide > ul > li > a:visited {
					color: #ffffff;
				}
				.vista .holder .mn_slide > ul > li > a:hover {
					background-color: #424242;
					color: #ffffff;
					text-decoration: none;
				}
				.vista .holder .mn_slide > ul > li.act > a {
					background-color: #424242;
					color: #ffffff;
				}
				.vista .holder .mn_slide > ul > li .sub_nav > ul > li > a {
					color: #ffffff;
					width: 100%;
				}
				.vista .holder .mn_slide > ul > li .sub_nav > ul > li > a:visited {
					color: #ffffff;
				}
				.vista .holder .mn_slide > ul > li .sub_nav > ul > li > a:hover {
					color: #9c0f2e;
				}
				.vista .holder .mn_slide > ul > li .sub_nav > ul > li > a.act {
					color: #9c0f2e;
				}
		.vista .holder .scroll_down {
			display: none;
		}
	.row.main_nav {
		display: none;
	}

	/*
	 * Main
	 */

	/* Accordion */
	.accordion .holder .slide_box > div .images,
	.accordion .holder .slide_box > div .images + .text {
		float: none;
		width: 100%;
	}
	.accordion .holder .slide_box > div .images + .text {
		margin-top: 20px;
	}
	/* Standart Box */
	.std_box .holder .box .text,
	.std_box .holder .box .image {
		float: none;
		width: 100%;
	}
	.std_box .holder .box .image {
		margin-top: 20px;
	}
	/* Standart Boxes */
	.std_boxes .holder .box {
		float: none;
		margin-bottom: 20px;
		margin-left: 0;
		margin-top: 20px;
		width: 100%;
	}
	.std_boxes .holder .box:first-child {
		margin-top: 0;
	}
		.std_boxes .holder .box .image {
			margin-bottom: 20px;
		}
	/* Eyecatcher */
	.eyecatcher .holder .parallax_image {
		min-height: 250px;
	}

	/*
	 * Footer
	 */

	.row.fixed_bar {
		background-color: transparent;
		bottom: auto;
		height: auto;
		left: auto;
		margin-top: 20px;
		max-height: 100%;
		position: static;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.row.fixed_bar.open {
		max-height: 100%;
	}
		.fixed_bar .cell.holder {
			background-color: #9E8980;
			padding-bottom: 20px;
			padding-left: 20px;
			padding-right: 20px;
		}
			.fixed_bar .holder .left,
			.fixed_bar .holder .right {
				float: none;
				height: auto;
				width: 100%;
			}
				.fixed_bar .holder .left .table {
					left: auto;
					position: static;
					top: auto;
				}
			.fixed_bar .holder .right {
				margin-top: 10px;
			}
				.fixed_bar .holder .right form .field {
					float: none;
					margin-top: 20px;
					padding-left: 0;
					width: 100%;
				}
				.fixed_bar .holder .right form .field:first-child {
					margin-top: 0;
				}
					.fixed_bar .holder .right form .field label {
						height: 30px;
						line-height: 30px;
					}
					.fixed_bar .holder .right form .field input,
					.fixed_bar .holder .right form .field select {
						font-size: 1.4em;
						height: 28px;
						line-height: 28px;
					}
	.address {
		font-size: 1.6em;
		text-align: center;
	}
	.credits {
		padding-top: 25px;
	}
		.credits .cell.holder {
			background-color: transparent;
		}
			.credits .cell.holder:before {
				display: none;
			}
			.credits .holder .left,
			.credits .holder .right {
				float: none;
				text-align: center;
				width: 100%;
			}
				.credits .holder .left .item {
					display: inline-block;
					float: none;
					margin-left: 10px;
					padding-right: 0;
				}
				.credits .holder .left .item:first-child {
					margin-left: 0;
				}
			.credits .holder .right {
				line-height: 1.4;
				margin-top: 20px;
			}
				.credits .holder .right {
					font-size: 1.2em;
				}
	.partner .holder .item img {
		height: 50px;
	}

	/*
	 * Misc
	 */

}

/* PHONE ("lt_w400")
---------------------------------------------------------------------------- */

@media only screen and (max-width: 399px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
        font-size: 56.3%;
    }
    h1 {
    	font-size: 2.6em;
    }
    h3 {
		font-size: 2.2em;
	}
	h4 {
		font-size: 1.8em;
	}

	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Header
	 */
				
	/*
	 * Main
	 */

	/* Eyecatcher */
	.eyecatcher .holder .parallax_image {
		min-height: 200px;
	}

	/*
	 * Footer
	 */

	/*
	 * Misc
	 */

}