@media (max-width: 500px) {
	.not-mobile { display: none; }

	header.top-header .form-search { display: none; }
	header.top-header .open-menu-btn { display: none; }

	.enn-main-catalogue .catalogue-banner .list-catalogue-user-action ul { overflow: auto; }
	.enn-main-catalogue .catalogue-banner .list-catalogue-stream-plateform ul { overflow: auto; }
	.enn-main-catalogue .catalogue-menu-onglet ul { overflow: auto; }

	.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a span.text {
		display: none;
	}

	.enn-main-catalogue .catalogue-banner .list-catalogue-user-action ul {
		justify-content: center;
	}

	.enn-main-catalogue .catalogue-banner .list-catalogue-user-action a {
		justify-content: center;
	}

	header.left-header {
		width: 90%;
	}
	.enn-main-home.list-subject-watchs .item-subject-watch ul { overflow:auto; }
	.enn-main-home.list-subject-watchs .item-subject-watch ul li {
		flex: none;
		width: calc(100% / 2.1);
	}
	.enn-main-home.list-subject-watchs .item-subject-watch.item-subject-blog ul li {
		flex: none;
		width: calc(100% / 1.1);
	}
	.enn-main-home.list-subject-watchs .item-subject-watch ul.wrap {
		flex-wrap: wrap;
	}
	.enn-main-home.list-subject-watchs .item-subject-watch ul.wrap li {
		flex: none;
		width: calc(100% / 2);
	}

	.contenaire-player-info {
		padding: calc(var(--padding-lr-header) / 2);
	}
}

@media (min-width: 500px) {
	:root {
		--width-header: 240px;
		--marg-width-header: 0px;
	}

	footer .social {
		display: flex;
		align-items: center;

		justify-content: space-between;
	}

	header.top-header .responsive { display: block; }
	header.top-header .open-menu-btn { display: block; }

	header.top-header .not-responsive { display: none; }

	header.top-header .form-search { display: none; }

	.not-desktop { display: none; }


	.enn-main-home .banner-homepage .all-banner .banner-item {
		height: 280px;
	}
}

@media (min-width: 800px) {
	.enn-main-home .banner-homepage .all-banner .banner-item {
		height: 380px;
	}

	.enn-main-catalogue .catalogue-community .content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 900px) {

	.enn-main-catalogue .catalogue-banner .min span.shadow,
	.enn-main-catalogue .catalogue-banner .min img {
		height: 280px;
	}

	.enn-main-catalogue .catalogue-banner .list-catalogue-user-action ul { overflow: auto; }
	.enn-main-catalogue .catalogue-banner .list-catalogue-stream-plateform ul { overflow: auto; }

	.enn-main-home.list-subject-watchs .item-subject-watch ul { overflow:auto; }
	.enn-main-home.list-subject-watchs .item-subject-watch ul li {
		flex: none;
		width: calc(100% / 4.1);
	}
	.enn-main-home.list-subject-watchs .item-subject-watch ul.wrap {
		flex-wrap: wrap;
	}
	.enn-main-home.list-subject-watchs .item-subject-watch ul.wrap li {
		flex: none;
		width: calc(100% / 4);
	}

	.enn-main-catalogue .catalogue-list-watchs ul {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 800px) {
	.enn-main-home .banner-homepage .all-banner .banner-item {
		height: 420px;
	}
}

@media (min-width: 1080px) {

	:root {
		--padding-mega-block: 48px;
	}

	header.top-header .form-search { display: block; }

	.enn-main-home .banner-homepage .all-banner .banner-item {
		height: 480px;
	}

	.enn-main-home.list-subject-watchs .item-subject-watch ul {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
	}

	.enn-main-home.list-subject-watchs .item-subject-watch.item-subject-blog ul {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.enn-main-home.list-subject-watchs .item-subject-watch ul li {
		flex: none;
		width: 100%;
	}

	.enn-main-home.list-subject-watchs .item-subject-watch ul.wrap li {
		flex: none;
		width: 100%;
	}



	.enn-main-catalogue .catalogue-banner .content {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;

		padding: var(--padding-mega-block);
	}

	.enn-main-catalogue .catalogue-banner {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}


	.enn-main-catalogue .catalogue-banner .min img {
		height: 480px;
		width: 840px;
	}

	.enn-main-catalogue .catalogue-banner .min span.shadow {
		height: 100%;
		width: 840px;
		right: 0;
		left: auto;
		background: linear-gradient(80deg, var(--color-primary-2) 10%, transparent 100%);
	}
	
	.enn-main-catalogue .catalogue-banner .content .text {
		position: relative;

		width: 60%;
	}

	.enn-main-catalogue .catalogue-about .content {
		padding: 16px;

		display: flex;
	}
}

@media (min-width: 1280px) {
	header.top-header .responsive { display: none; }

	.enn-main-home .banner-homepage .all-banner .banner-item {
		height: 550px;
	}

	.enn-main-catalogue.enn-grid-catalogue {
		display: grid;
		grid-template-columns: calc(100% - 480px) 480px;
	}


	/* */
	body.watching { background: #000; }
	.player-video {
		display: flex;
	}
	.player-video .contenaire-player-data { width: calc(100%); }
	.player-video .player-info { width: 480px; display: none; }

	.player-video .contenaire-player-data { width: calc(100% - 480px); }
	.player-video .player-info { width: 480px; display: block; }

	.player-video .player-info {
		padding: 32px;
	}
}

@media (min-width: 1300px) {
	.enn-main-home .banner-homepage .all-banner .banner-item {
		height: 550px;
	}
}

@media (min-width: 1600px) {
	:root {
		--color-primary-1: rgba(5, 5, 5);
		--color-primary-2: rgba(20, 20, 20);
		--color-primary-3: rgba(35, 35, 35);

		--width-window: 1360px;
		--padding-mega-block: 64px;
		--padding-window-lr: 0px;
		--padding-lr-header: 32px;

		--height-header: 64px;
		--width-header: 240px;
		--marg-width-header: var(--width-header);
	}

	.not-fullscreen.not-mobile.not-responsive,
	header.top-header .open-menu-btn,
	.not-fullscreen { display: none; }

	header.left-header {
		left: 0;
	}

	.enn-main-home .banner-homepage .all-banner .banner-item {
		height: 550px;
	}

	/* */
	.enn-main-catalogue .catalogue-banner .list-catalogue-user-action ul {
		display: flex;
	}

	.enn-main-catalogue .catalogue-list-watchs ul {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 0px) {
	body.watching :root {
		--height-header: 0px;
		--width-header: 0px;
		--marg-width-header: 0px;
	}

	.watching header.top-header { display: none; }
	.watching header.left-header { left: -100%; }
}