@media only screen
and (max-width : 1204px) {
	
}
/* small screens ----------- */
@media only screen
and (min-width :1024px)
and (max-width : 1204px) {
	
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 865px) 
and (max-width : 1024px) {
	
}
/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 468px)  
and (max-width : 1024px) 
and (orientation : portrait) {
	.main-menu {
		font-size: 75%;
	}
	.slogan .text {
		bottom: 10%;
	}
	.logo span {
		font-size: 85%;
	}
}
@media only screen 
and (min-width : 468px)  
and (max-width : 765px) {
	.js .main-menu,
	.js .left-menu { 
		display: none; 
	}
  	.js .selectnav { 
		display: block;
		z-index:20;
		position:absolute;
		top:30px;
		right:0;
	}
	.js .content .selectnav { 
		top:5px;
	}
	.slogan img {
		min-height:180px;
		max-width: none;
	}
	.slogan .text {
		bottom: 10%;
		font-size: 18px;
	}
}
@media only screen 
and (max-width : 468px) {
	.col12 .col4 {
		width:100%;
	}
	.slogan img {
		min-height:180px;
		max-width: none;
	}
	.slogan .text {
		bottom: 10%;
		font-size: 18px;
	}
	.js .main-menu,
	.js .left-menu { 
		display: none; 
	}
  	.js .selectnav { 
		display: block;
		z-index:20;
		position:absolute;
		top:30px;
		right:0;
	}
	.js .content .selectnav { 
		top:5px;
	}
	.right-column {
		padding-left: 0px;
	}
	.main-content .col6,
	.main-content .col8,
	.col12 .col10{
		width:100%;
	}
	.main-items li{
		width:100%;
	}
}
@media only screen 
and (max-width : 475px) {
	.js .custom-select-container { 
		margin-top:10%;
		margin-right:2.5%;
	}
}