/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1700px) {

}

@media only screen and (max-width : 1600px) {
	.banner{
	  height: 33.6vw;
	}
}

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

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

}

@media only screen and (max-width : 1225px) {
	.s_col {
	    width: 50%;
	}
	.s_col, .s_div, .service {
		height: 26.8vw;
	}
}

@media only screen and (max-width : 1190px) {
	.z_inner {
	    padding-left: 0px;
	}
	.z_col {
		padding-right: 70px;
	}
}

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

@media only screen and (max-width : 1024px) {
	.nav li {
	    font-size: 16px;
	}
}

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

}

@media only screen and (max-width : 960px) {
	.nav{
		display: none;
	}
	.menu-swt{
		display: inline-block;
	}
	.home {
	    display: inline-block;
	}
	.hr {
	    display: inline-block;
	}
	.hr_row {
	    float: none;
	    position: relative;
	    top: 13px;
	    left: auto;
	    vertical-align: middle;
		display: inline-block;
	}
	.pc_but_order{
		display: none;
	}
	.m_but_order{
	  	display: block;
	}
	.main_col {
		display: table;
	    width: 100%;
	}
	.main_block {
	    max-width: 100%;
	    width: 100%;
	    padding: 45px 15px 45px 15px;
	}
	.head_2_in{
		display: none;
	}
}
	
/* Medium Devices, Desktops */
@media only screen and (max-width : 900px) {
	
}

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

}

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

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

/* Small Devices, Tablets */
@media only screen and (max-width : 770px) {
	.banner{
	  height: 70.6vw;
	}
}

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

@media only screen and (max-width : 710px) {
	.z_col {
		width: 100%;
		padding-right: 0px;
	}
}


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

@media only screen and (max-width : 640px) {
	.but_file {
	    float: right;
	    width: 100%;
	    padding-left: 0;
	}
}

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

@media only screen and (max-width : 550px) {
	.mc_col {
	    width: 100%;
	}
	.mc_row {
	    margin-bottom: 50px;
	}
	.title_in {
	    font-size: 30px;
	}
	.title_in_1 {
	    font-size: 26px;
	}
}

@media only screen and (max-width : 530px) {
	.s_div {
		font-size: 18px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.hc_1 {
		display: table;
		width: 100%;
		padding-left: 0;
	}
	.logo{
		width: 147px;
		margin:0 auto;
	}
	.hc_2 {
		display: table;
		width: 100%;
	}
	.slogan{
		text-align: center;
		margin: 0 auto 8px;
		line-height: 1.2;
		padding-left: 0;
	}
}

@media only screen and (max-width : 440px) {
	.but_sent {
	    width: 100%;
	}
	.m_but_order {
	    padding-top: 5px;
	    width: 135px;
	    font-size: 16px;
	}
}

@media only screen and (max-width : 420px) {
	.s_col {
	    width: 100%;
	}
	.s_col, .s_div, .service {
		height: 53.6vw;
		font-size: 26px;
	}
	.copy {
	    font-size: 14px;
	}
	.z_title {
	    font-size: 26px;
	}
	.z_head{
		padding: 20px 0px 0px 10px;
	}
	.z_gal {
		right: 15px;
	}
}

@media only screen and (max-width : 360px) {
	.home{
		display: none;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 350px) {
	.but_file {
	    padding-left: 58px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
.baner_mob {display:block!important;}
.baner_web {display:none!important}
.gall-r-item {display:block;width:90%;margin:10px auto}
.gall-r-item img {width:100%}
#map_canvas {width:100%;height:300px}

} 

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1024px) {
.baner_mob {display:none!important;}
.baner_web {display:block!important}
.c-menu-sub {display:none;position:absolute;top:auto;left:auto;background:#303b7c;padding:5px 10px;margin:15px 0 0 0;z-index:999}
.c-menu-sub a {padding:5px 0}
#spoileren .active {text-decoration:underline}
.gall-r-item {display:inline-block;width:19%;margin:10px 0;vertical-align:top}
.gall-r-item img {width:100%}
.shift-l {display:inline-block;vertical-align:top;padding:0 0 0 30px}
#map_canvas {width:100%;height:500px}
.z_td {display:inline-block;vertical-align:top;width:40%;margin:0 6% 25px 4%}
.my_f_row {text-align:center;}
.but_prev, .but_next {display:inline-block;vertical-align:top;margin:20px}
}