@media only screen and (max-width : 1160px) {
	
	.container {
		padding-left:0px;
		padding-right:0px;
	}
	.col_50 {
		float:none;
		width:100%;
		margin-bottom:628px;
	}
}


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

	.mobil {
		display:block;
		padding:5px 10px 10px 10px;
	}
	

	nav {
		margin:0px;
	}
	
	nav ul {
		background:#f5f5f5;
		position:absolute;
		width:100%;
		min-width:250px;
		top:75px;
		right:0px;
		z-index:1000;
		
	}
	
	nav ul li {
		width:auto;
		max-width:none;
		display:none;
		float:none;
		margin:0px;
	}
	
	nav ul li a, nav ul li span {
		padding:10px;
		border-top:none !important;
		white-space:nowrap;
		padding-left:20px;
		text-align:left;
		border-radius:0 !important;
	}

	
	nav ul li ul {
		display:block !important;
		position:static;
		box-shadow:none;
		margin:0 19px 15px 19px;
		float:none !important;
		min-width:inherit !important;
	}
	
	nav ul li ul li a {
		white-space:normal !important;
	}
	

	.button_menu {
		display:block;
		background:#004a78;
		position:relative;
		cursor:pointer;
		color:#fff;
		padding:7px 20px 7px 50px;
		z-index:30;
		width:100px;
		margin:0px 0;
		float:right;
		
	}

	.button_menu:hover {
		background:#013055;	
	}

}

@media only screen and (min-width : 801px) {
	.button_menu {
		display:none;
	}
	
	nav {
	}
	
	nav ul {
		position:static;
	}
	
	nav ul li {
		display:block !important;
	}

}


.grid-button {
  padding:20px 20px 15px  20px;
  cursor: pointer;
  user-select: none;
}

.grid-button .grid {
  width: 6px;
  height:6px;
  background: #fff;
  color: #fff;
  /* Not in use when the colors are specified below */
  transition: 0.3s;
}

.grid-button .grid {
  box-shadow: -8px 0, -8px 8px, 8px 0, 8px -8px, 0 -8px, -8px -8px, 0 8px, 8px 8px;
}



button span.text {
	margin-left:30px;
	margin-top:-10px;
}

@media only screen and (max-width : 700px) {
	.sophia {
		width:356px;
		height:327px;
	}

	.sophia .img {
		background-size: cover !important;
	}


	.sophia ul {
		left:149px;
		top:74px;
		width:104px;
		height:108px;
	}

	.sophia ul li {
		width:104px;
		height:108px;
		background-size: cover !important;
	}
	

	.col_50 {
		margin-bottom:330px;
	}

}




@media only screen and (max-width : 520px) {
.boxprice .caption {
	width:30px;
}

.boxprice .text {
	width:60%;
}

.boxprice .price {
	width:30%;
}

}

@media only screen and (max-width : 410px) {
.boxprice .caption {
	width:30px;
}

.boxprice .text {
	width:80%;
	clear:right;
}

.boxprice .price {
	width:100%;
	float:left;
	text-align:left;
	margin-top:10px;
}

}

@media only screen and (max-width : 380px) {
	.sophia {
		width:280px;
		height:257px;
	}

	.sophia ul {
		left:117px;
		top:59px;
		width:84px;
		height:88px;
	}

	.sophia ul li {
		width:84px;
		height:88px;
		background-size: cover !important;
	}
	

	.col_50 {
		margin-bottom:260px;
	}

}