@media (max-width:1024px){
	.partners{
		margin-left: 34%;
	}
	
	#login-box{
		width:55%;
		margin-left:26%;
	}
	
	#login-box label.control-label{
		width:100%;
		display: block;
		text-align:center;
	}

	#login-box div.controls {
		width:100%;
		display:block;
	}
	
	#login-box div.controls input[type="password"], #login-box div.controls input[type="text"]{
		width:70%;
		margin-left:13%;
		text-align:center;
	}
	
	#login-box div.controls .checkbox{
		margin:1% 0 1% 34%;
	}

	#login-box div.controls  label > input {
		margin:-1% 2% 0% 0%;
	}
}
@media (max-width:806px){
	.partners{
		margin-left: 21%;
	}
	
	#login-box{
		width:55%;
		margin-left:26%;
	}
	
	#login-box label.control-label{
		width:100%;
		display: block;
		text-align:center;
	}

	#login-box div.controls {
		width:100%;
		display:block;
	}
	
	#login-box div.controls input[type="password"], #login-box div.controls input[type="text"]{
		width:70%;
		margin-left:13%;
		text-align:center;
	}
	
	#login-box div.controls .checkbox{
		margin:1% 0 1% 34%;
	}

	#date-range {
		display: block !important;
		float:none !important;
	}

	#hotel-list {
		width: 100%;
	}

	#mobile-box {
		display:block;
	}

	div.accommodation-price > span{
		font-size:90%;
	}

	#result-menu{
		display:block;
		float:none;
		width:100%;
	}

	#result-menu > #title {
		display:none;
	}

	#filter-list > li {
		width:20%;
		float:left;
	}
}

@media (max-width:756px){
	.partners{
		margin-left:13%;
	}
	
	#login-box{
		width:55%;
		margin-left:26%;
	}
	
	#login-box label.control-label{
		width:100%;
		display: block;
		text-align:center;
	}

	#login-box div.controls {
		width:100%;
		display:block;
	}
	
	#login-box div.controls input[type="password"], #login-box div.controls input[type="text"]{
		width:70%;
		margin-left:11%;
		text-align:center;
	}
	
	#login-box div.controls .checkbox{
		margin:1% 0 1% 28%;
	}
}


@media (max-width:600px) {
	.partners{
		margin-left: 8% ;
	}
	
	#login-box{
		width:55%;
		margin-left:26%;
	}
	
	#login-box label.control-label{
		width:100%;
		display: block;
		text-align:center;
	}

	#login-box div.controls {
		width:100%;
		display:block;
	}
	
	#login-box div.controls input[type="password"], #login-box div.controls input[type="text"]{
		width:70%;
		margin-left:10%;
		text-align:center;
	}
	
	#login-box div.controls .checkbox{
		margin:1% 0 1% 28%;
	}

	.blumar-select-style{
		display:block;
		width:50%;
		margin: 5px 0px 0px 25%;
	}
}


@media (max-width:521px) {
	.partners{
		margin-left: 1%;
	}
	
	#login-box{
		width:55%;
		margin-left:26%;
	}
	
	#login-box label.control-label{
		width:100%;
		display: block;
		text-align:center;
	}

	#login-box div.controls {
		width:100%
		display:block;
	}
	
	#login-box div.controls input[type="password"], #login-box div.controls input[type="text"]{
		width:70%;
		margin-left:10%;
		text-align:center;
	}
	
	#login-box div.controls .checkbox{
		margin:1% 0 1% 21%;
	}
}

@media (max-width:480px){
	.partners{
		margin-left:1% ;
	}
	.partners > img {
		width:5em ;
	}
	
	#logo-environment {
		display:none ;
	}

	.btn-cart{
		margin-left: 50%;
	}

	#mobile-menu-button{
		display:inline !important;
	}

	#mobile-menu-button > button{
		margin-top:0.8em;
		margin-bottom:0.8em;
		margin-left:86%;
	}
	
	#top-menu{
		width: 100%;
		margin-left:3%;
		margin-bottom:3%;
	}

	#top-menu-list {
		width:100%;
	}

	#top-menu-list li, #top-menu-list a{
		width:100%;
		display:block;
		border:none;
	}
	
	#login-box{
		width:90%;
		margin-left:5%;
	}
	
	#login-box label.control-label{
		width:100%;
		display: block;
		text-align:center;
	}

	#login-box div.controls {
		width:100%;
		display:block;
	}
	
	#login-box div.controls input[type="password"], #login-box div.controls input[type="text"]{
		width:70%;
		margin-left:15%;
		text-align:center;
	}
	
	#login-box div.controls .checkbox{
		margin:1em 0em 1em 5em;
	}
}