/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1800px) { 
	.container{
		max-width: 1670px;
	}
	.left_clear{
		padding-left: calc((100% - 1670px) / 2 + 15px);
	}
}
@media (min-width: 1400px) and (max-width: 1799.98px) { 
	html{
		font-size: 51%;
	}
	.container{
		max-width: 1350px;
	}
	.left_clear{
		padding-left: calc((100% - 1350px) / 2 + 15px);
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	html{
		font-size: 41%;
	}
	.container{
		max-width: 1180px;
	}
	.left_clear{
		padding-left: calc((100% - 1180px) / 2 + 15px);
	}
	.home_area .logo {
	    width: 55rem;
	    left: 0rem;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	html{
		font-size: 38%;
	}
	.container{
		max-width: 980px;
	}
	.left_clear{
		padding-left: calc((100% - 980px) / 2 + 15px);
	}
	.home_area .logo {
	    width: 55rem;
	    left: 0rem;
	}
	footer .col-lg-5,
	footer .col-lg-7{
		max-width: 50%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	html{
		font-size: 41%;
	}
	.container{
		max-width: 700px;
	}
	.left_clear{
		padding-left: calc((100% - 700px) / 2 + 15px);
		padding-right: calc((100% - 700px) / 2 + 15px);
	}
	.home_area .logo {
	    width: 55rem;
	    left: 0rem;
	}
}

@media (max-width: 991.98px) {
	.header .social_icon{
		display: none;
	}
	.home_img {
	    position: relative;
	    top: auto;
	    -webkit-transform: translateY(0%);
	        -ms-transform: translateY(0%);
	            transform: translateY(0%);
	    right: auto;
	    width: 68rem;
	    margin-top: 10rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.home_shape {
	    width: 100%;
	    -o-object-fit: cover;
	       object-fit: cover;
	    -o-object-position: top center;
	       object-position: top center;
	    height: auto;
	    top: auto;
	}
	.home_area{
		text-align: center;
	}
	.home_area .container {
	    padding-top: 10rem;
	    padding-bottom: 20rem;
	}
	.home_area .logo {
	    display: inline-block;
	    width: 62rem;
	    position: relative;
	    top: auto;
	    left: auto;
	    margin-bottom: 10rem;
	}
	.home_area h2 {
	    max-width: 87rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.scroll {
	    color: #153254 !important;
	    margin-top: 0;
	    bottom: 9rem;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	            transform: translateX(-50%);
	    position: absolute;
	}
	.arrow_box {
	    border: 0.5rem solid #153254;
	}
	.header ul li:not(:last-child) {
	    margin-right: 6rem;
	}
	.andacht .left_content {
	    background-color: #fff;
	    padding: 5rem 11rem;
	    max-width: 91%;
	    margin-top: -14rem;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	}
	body {
	    font-size: 3.1rem;
	}
	.concept_area p {
	    max-width: 86rem;
	}
	.device_area .container,
	.onterp_area .container,
	.passende_area .container{
		max-width: 92rem;
	}
	.device_content {
	    max-width: 100%;
	    margin-left: auto;
	}
	.pc {
	    max-width: 75rem;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	.xd_wrap{
		padding-left: 0;
	}
	.arrow_shape {
	    top: auto;
	    right: 72%;
	    bottom: 102%;
	}
	.mt_95 {
	    margin-top: 5.5rem;
	}
	.owl-dots{
		margin-top: 3rem;
	}
	.owl-dots button{
		height: 2.5rem;
		width: 2.5rem;
		background-color: #D9DADB;
		border: none;
		padding-left: 0.1rem;
		border-radius: 50%;
		margin: 0 1rem;
	}	
	.owl-dots button.active{
		background-color: #153254;
	}
	.device_area::before {
	    top: 17.1%;
	    height: 57%;
	}
	.title,
	.platform_area .title {
	    font-size: 5.3rem;
	}
	.pasand_content {
	    padding-left: 0rem;
	    max-width: 100%;
	    text-align: center;
	}
	.tip_circle {
	    position: relative;
	    top: auto;
	    left: auto;
	    margin-right: 3rem;
	}
	.step_content p {
	    font-size: 2.8rem;
	    max-width: 79.7rem;
	}
	.line_img{
		max-width: 72rem;
	}
	.character{
		max-width: 60rem;
	}
	.left_content{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.left_clear.v2 .left_content{
		max-width: 85rem;
		margin-top: 3rem;
	}
	.left_clear.v2 p{
		max-width: 100%;
	}
	.tools_area{
		text-align: center;
	}
	.tools_area img{
		margin-left: auto;
		margin-right: auto;
	}
	.tools_area p {
	    max-width: 58.4rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.room_area .title span{
		display: block;
	}
	.booking {
	    margin-top: -3rem;
	    margin-bottom: -8rem;
	    margin-right: auto;
	}
	.platform_area .container{
		max-width: 86rem;
	}
	.plat_row .col {
	    max-width: 33.33%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 33.33%;
	            flex: 0 0 33.33%;
	}
	.plat_row .col img{
		max-width: 20rem;
		width: 100%;
	}
	footer .left_clear{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	footer p{
		max-width: 100%;
	}
	.footer_content {
	    max-width: 99.5rem;
	    padding: 10rem 0;
	    margin-left: auto;
	    margin-right: auto;
	}
	.flogo {
	    margin-bottom: 6rem;
	}
	footer .button.v2{
		margin-left: 3rem;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 36%;
	}
	.header ul,
	.right_nav{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.onterp_area{
		text-align: center;
	}
	.onterp_area p{
		max-width: 100%;
	}
	.onterp_img{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.onterp_box h4 {
	    margin-bottom: 3.5rem;
	}
	.footer_content{
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 1.1vw;
	}
	.onterp_box p {
	    font-size: 3.1rem;
	    margin-bottom: 3rem;
	}
	.left_content{
		max-width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.plat_row .col {
	    max-width: 50%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	}
	.plat_row .col img {
	    max-width: 25rem;
	}
	.booking_form .row{
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.booking_form .row>div{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.booking_form {
	    padding: 2rem 2rem 4rem;
	}
	.room_area .title_wrap p,
	.platform_area .title_wrap p{
		font-size: 3.1rem;
	}
	footer .button{
		display: block;
		margin-top: 2rem;
		max-width: 40rem;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}