@media screen and (max-width: 1024px) {

	#presentation {
		width: 100% !important;
	}

	.sw-logo {
		position: relative;
		height: 400px;
	}

	.sw-logo img {
		position: absolute;
		left: 0;
		top: calc(50% - 50px);
		max-width: 100%;
	}

	.scroll-area {
		height: 400px;
		overflow-y: scroll;
	}

	.scroll-area::-webkit-scrollbar-track
	{
		border: 1px solid black;
		background-color: #F5F5F5;
	}

	.scroll-area::-webkit-scrollbar
	{
		width: 10px;
		background-color: #F5F5F5;
	}

	.scroll-area::-webkit-scrollbar-thumb
	{
		background-color: #000000;
	}

	.intro-paralax {
		background-position: 50%;
		clip-path: polygon(0% 100%, 100% 100%, -50% 0%);
		-webkit-clip-path: polygon(0% 100%, 100% 100%, -50% 0%);
	}

	#intro {
		background-size:200%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	#menuButton2 {
		float: left;
	}

	#properties .highlight p {
		margin-left: 0px !important;
	}

	#properties .horizontal-slide {
		width: 100%;
		height: 150px;
	}

	/* PRODUCTS */

	.products-slide  .slick-prev, .products-slide .slick-next {
		bottom: -50px;
		top: auto !important;
	}

	.products-slide .slick-next {
		right: 35%;
	}

	.products-slide .slick-prev {
		left: 35%;
	}

}

@media screen and (min-width: 768px) {
	header #menuButton {
		display: none;
	}
}

@media screen and (max-width: 767px) {

	.auto-spacer {
		min-height: 800px;
	}


	#status {
		background-size: contain;
	}

	#intro-paralax {
		display: none;
	}

	/* MENU */

	#menuButton2 {
		float: left;
	}

	#sw-nav-fixed {
		display: block;
	}

	#sw-nav-fixed .sw-menu {
		display: block;
	}

	#sw-bar {
		padding-left: 0;
		padding-right: 0;
		border: 0px;
	}

	#sw-nav-fixed .sw-menu {
		border: 0px;
		background-color: rgba(255,255,255,1)!important;
		margin:0;
	}

	.lang-li {
		display: inline-block !important;
		width: calc(100% / 8);
	}

	/* PRESENTATION */

	.scroll-area {
		height: 210px;
		overflow-y: scroll;
		margin-bottom: 90px;
	}

	.scroll-area::-webkit-scrollbar-track
	{
		border: 1px solid black;
		background-color: #F5F5F5;
	}

	.scroll-area::-webkit-scrollbar
	{
		width: 10px;
		background-color: #F5F5F5;
	}

	.scroll-area::-webkit-scrollbar-thumb
	{
		background-color: #000000;
	}

	/* PROPERTIES */
	#properties .title {
		font-size: 40px;
	}

	#properties .horizontal-slide {
		width: 33.33333%;
		height: 250px;
	}

	#properties .highlight p {
		margin-left: 0px !Important;
		font-size: 36px;
		text-align: left;
		margin-bottom: 15px;
	}

	/* PRODUCTS */

	.sw-pills li {
		width: 50%;
		margin-left: 0px !important;
		text-align: center;
	}

	.products-slide  .slick-prev, .products-slide .slick-next {
		bottom: -50px;
		top: auto !important;
	}

	.products-slide .slick-next {
		right: 35%;
	}

	.products-slide .slick-prev {
		left: 35%;
	}

	.colors-area {
		height: 320px;
	}

	.no-padding {
		padding-left: 0px;
		padding-right: 0px;
	}

	.property-title {
		margin-bottom: 15px;
	}

}


@media screen and (max-width: 468px) {

	#intro {
		background-size:270%;
	}

	.sw-logo {
		height: 200px;
	}

	.sw-logo img {
		top: 0;
	}

	.intro-slide-img {
		height: 150px;
	}

	#properties .title {
		font-size: 36px;
	}

	#properties .highlight {
		height: auto;
		min-height: 250px;
	}

	#properties .horizontal-slide {
		height: 180px;
	}

	.center-circle {
		width: 100px;
		height: 100px;
	}

	.colors {
		left: calc(50% - 15px);
		top: calc(50% - 15px);
	}

	.center-circle {
		left: calc(50% - 45px);
		top: calc(50% - 45px);
	}
}

@media screen and (max-width: 320px) {
	.auto-spacer {
		min-height: 680px;
	}
}
