/* CATEGORY SECTION */

/* Category section buttons - specifying line height explicitly as 1em, as was otherwise using body tag setting of 1.5em when under 768px wide */
.elementor-icon-box-content, .elementor-icon-box-icon {line-height:1em !important;}

/* Category section scrolling on smaller screens */
@media only screen and (max-width: 699px) {
	#categories-container {
		/*height: 122px !important;*/
		width: 100% !important; /* Set the width of the container */
		overflow-x: auto; /* Enable horizontal scrolling */
		overflow-y: hidden;
		white-space: nowrap; /* Prevent text from wrapping */
	}
	#categories {
		/*max-height:122px !important;*/
		width: 160% !important; /* Set a width larger than the container to enable scrolling */
	}
}
@media only screen and (max-width: 639px) {
	#categories {
		width: 180% !important; /* Set a width larger than the container to enable scrolling */
	}
}
@media only screen and (max-width: 379px) {
	#categories {
		width: 220% !important; /* Set a width larger than the container to enable scrolling */
	}
}

/* POSTER SECTION */

.poster {
	transition: width 0.2s, height 0.2s;
    transition-timing-function: ease-in-out;
}
/*.poster img {border: 1px solid #ddd; box-sizing: content-box;} *//* This ensures the poster image is shown at respective size, and the border does not shrink the image which can cause bluriness – but looks like it is not being used */
.poster, .poster.zoom-0 {width: 100%;}
.poster.zoom-1 {width: 100%;}
.poster.zoom-2 {width: 100%;}
.poster.zoom-3 {width: 100%;}
.poster.zoom-4 {width: 100%;}
.poster.zoom-5 {width: 100%;}
/*
Minimum poster width: 145 px (chosen to fit two posters on smallest 320 px wide phone, with 10 px spacing all around)
UPDATE: Minimum poster width: 93.333 px (chosen to fit three posters on smallest 320 px wide phone, with 10 px spacing all around). Adjusting minimum screen width to 217 px, so that two posters at 93.333 px with 10 px spacing all around can also be shown. Not that this should be a common resolution. Single column would result in 196 px wide image. But will use 145 px poster width for this – as circa 10 kB vs 5 kB (for 95 px width), which is fine, especially with less lazy loaded. Initially.
UPDATE: Minimum poster width: 96 px, based on new 8 px spacing between and around images on a 320 px width screen (320-(4x8)=288/3=96)
Maximum poster width: 300 px
Maximum poster width – individual: 765px
Largest screen resolution width: 7680 px (7680 x 4320 px), yet to add this in (only added up to 5K resolution so far)
Let's make zoom-1 the default level, so there is one level zoom down, where appropirate
*/
/* Caters for 2 column minimum breakpoint size */
@media only screen and (min-width: 216px) {
	.poster, .poster.zoom-0  {width: calc((100% - 8px) / 2);}
	.poster.zoom-1 {width: calc((100% - 8px) / 2);}
	.poster.zoom-2 {width: 100%;}
	.poster.zoom-3 {width: 100%;}
	.poster.zoom-4 {width: 100%;}
	.poster.zoom-5 {width: 100%;}
}
/* Caters for 320, 360, 375, 390, 412, 414 */
@media only screen and (min-width: 320px) {
	.poster, .poster.zoom-0  {width: calc((100% - 16px) / 3);}
	.poster.zoom-1 {width: calc((100% - 16px) / 3);}
	.poster.zoom-2 {width: calc((100% - 8px) / 2);}
	.poster.zoom-3 {width: calc((100% - 8px) / 2);}
	.poster.zoom-4 {width: calc((100% - 8px) / 2);}
	.poster.zoom-5 {width: calc((100% - 8px) / 2);}
}
/* Caters for 428, 430, 480 */
@media only screen and (min-width: 428px) {
	.poster, .poster.zoom-0  {width: calc((100% - 24px) / 4);}
	.poster.zoom-1 {width: calc((100% - 16px) / 3);}
	.poster.zoom-2 {width: calc((100% - 8px) / 2);}
	.poster.zoom-3 {width: calc((100% - 8px) / 2);}
	.poster.zoom-4 {width: calc((100% - 8px) / 2);}
	.poster.zoom-5 {width: calc((100% - 8px) / 2);}
}
@media only screen and (min-width: 600px) {
	.poster, .poster.zoom-0 {width: calc((100% - 32px) / 5);}
	.poster.zoom-1 {width: calc((100% - 24px) / 4);}
	.poster.zoom-2 {width: calc((100% - 16px) / 3);}
	.poster.zoom-3 {width: calc((100% - 8px) / 2);}
	.poster.zoom-4 {width: calc((100% - 8px) / 2);}
	.poster.zoom-5 {width: calc((100% - 8px) / 2);}
}
@media only screen and (min-width: 601px) {
	.poster, .poster.zoom-0 {width: calc((100% - 32px) / 5);}
	.poster.zoom-1 {width: calc((100% - 24px) / 4);}
	.poster.zoom-2 {width: calc((100% - 16px) / 3);}
	.poster.zoom-3 {width: calc((100% - 16px) / 3);}
	.poster.zoom-4 {width: calc((100% - 16px) / 3);}
	.poster.zoom-5 {width: calc((100% - 16px) / 3);}
}
/* Caters for 720, 768 */
@media only screen and (min-width: 720px) {
	.poster, .poster.zoom-0 {width: calc((100% - 32px) / 5);}
	.poster.zoom-1 {width: calc((100% - 32px) / 5);}
	.poster.zoom-2 {width: calc((100% - 24px) / 4);}
	.poster.zoom-3 {width: calc((100% - 16px) / 3);}
	.poster.zoom-4 {width: calc((100% - 16px) / 3);}
	.poster.zoom-5 {width: calc((100% - 16px) / 3);}
}
/* Caters for 800, 900 */
@media only screen and (min-width: 800px) {
	.poster, .poster.zoom-0 {width: calc((100% - 40px) / 6);}
	.poster.zoom-1 {width: calc((100% - 32px) / 5);}
	.poster.zoom-2 {width: calc((100% - 24px) / 4);}
	.poster.zoom-3 {width: calc((100% - 16px) / 3);}
	.poster.zoom-4 {width: calc((100% - 16px) / 3);}
	.poster.zoom-5 {width: calc((100% - 16px) / 3);}
}
@media only screen and (min-width: 941px) {
	.poster, .poster.zoom-0 {width: calc((100% - 40px) / 6);}
	.poster.zoom-1 {width: calc((100% - 32px) / 5);}
	.poster.zoom-2 {width: calc((100% - 24px) / 4);}
	.poster.zoom-3 {width: calc((100% - 24px) / 4);}
	.poster.zoom-4 {width: calc((100% - 24px) / 4);}
	.poster.zoom-5 {width: calc((100% - 24px) / 4);}
}
/* Caters for 962, 1024 */
@media only screen and (min-width: 962px) {
	.poster, .poster.zoom-0 {width: calc((100% - 48px) / 7);}
	.poster.zoom-1 {width: calc((100% - 40px) / 6);}
	.poster.zoom-2 {width: calc((100% - 32px) / 5);}
	.poster.zoom-3 {width: calc((100% - 24px) / 4);}
	.poster.zoom-4 {width: calc((100% - 24px) / 4);}
	.poster.zoom-5 {width: calc((100% - 24px) / 4);}
}
@media only screen and (min-width: 1251px) {
	.poster, .poster.zoom-0 {width: calc((100% - 48px) / 7);}
	.poster.zoom-1 {width: calc((100% - 40px) / 6);}
	.poster.zoom-2 {width: calc((100% - 32px) / 5);}
	.poster.zoom-3 {width: calc((100% - 32px) / 5);}
	.poster.zoom-4 {width: calc((100% - 32px) / 5);}
	.poster.zoom-5 {width: calc((100% - 32px) / 5);}
}
/* Caters for 1280, 1366 */
@media only screen and (min-width: 1280px) {
	.poster, .poster.zoom-0 {width: calc((100% - 56px) / 8);}
	.poster.zoom-1 {width: calc((100% - 48px) / 7);}
	.poster.zoom-2 {width: calc((100% - 40px) / 6);}
	.poster.zoom-3 {width: calc((100% - 32px) / 5);}
	.poster.zoom-4 {width: calc((100% - 32px) / 5);}
	.poster.zoom-5 {width: calc((100% - 32px) / 5);}
}
/* Caters for 1440, 1536 */
@media only screen and (min-width: 1440px) {
	.poster, .poster.zoom-0 {width: calc((100% - 64px) / 9);}
	.poster.zoom-1 {width: calc((100% - 56px) / 8);}
	.poster.zoom-2 {width: calc((100% - 48px) / 7);}
	.poster.zoom-3 {width: calc((100% - 40px) / 6);}
	.poster.zoom-4 {width: calc((100% - 32px) / 5);}
	.poster.zoom-5 {width: calc((100% - 32px) / 5);}
}
@media only screen and (min-width: 1561px) {
	.poster, .poster.zoom-0 {width: calc((100% - 64px) / 9);}
	.poster.zoom-1 {width: calc((100% - 56px) / 8);}
	.poster.zoom-2 {width: calc((100% - 48px) / 7);}
	.poster.zoom-3 {width: calc((100% - 40px) / 6);}
	.poster.zoom-4 {width: calc((100% - 40px) / 6);}
	.poster.zoom-5 {width: calc((100% - 40px) / 6);}
}
/* Caters for 1600, 1680 */
@media only screen and (min-width: 1600px) {
	.poster, .poster.zoom-0 {width: calc((100% - 72px) / 10);}
	.poster.zoom-1 {width: calc((100% - 64px) / 9);}
	.poster.zoom-2 {width: calc((100% - 56px) / 8);}
	.poster.zoom-3 {width: calc((100% - 48px) / 7);}
	.poster.zoom-4 {width: calc((100% - 40px) / 6);}
	.poster.zoom-5 {width: calc((100% - 40px) / 6);}
}
/*@media only screen and (min-width: 1715px) {
	.poster, .poster.zoom-0 {width: calc((100% - 80px) / 11);}
	.poster.zoom-1 {width: calc((100% - 72px) / 10);}
	.poster.zoom-2 {width: calc((100% - 64px) / 9);}
	.poster.zoom-3 {width: calc((100% - 56px) / 8);}
	.poster.zoom-4 {width: calc((100% - 48px) / 7);}
	.poster.zoom-5 {width: calc((100% - 40px) / 6);}
	.poster.zoom-6 {width: calc((100% - 32px) / 5);}
	.poster.zoom-7 {width: calc((100% - 24px) / 4);}
}*/
@media only screen and (min-width: 1871px) {
	.poster, .poster.zoom-0 {width: calc((100% - 72px) / 10);}
	.poster.zoom-1 {width: calc((100% - 64px) / 9);}
	.poster.zoom-2 {width: calc((100% - 56px) / 8);}
	.poster.zoom-3 {width: calc((100% - 48px) / 7);}
	.poster.zoom-4 {width: calc((100% - 48px) / 7);}
	.poster.zoom-5 {width: calc((100% - 48px) / 7);}
}
@media only screen and (min-width: 1920px) {
	.poster, .poster.zoom-0 {width: calc((100% - 80px) / 11);}
	.poster.zoom-1 {width: calc((100% - 72px) / 10);}
	.poster.zoom-2 {width: calc((100% - 64px) / 9);}
	.poster.zoom-3 {width: calc((100% - 56px) / 8);}
	.poster.zoom-4 {width: calc((100% - 48px) / 7);}
	.poster.zoom-5 {width: calc((100% - 48px) / 7);}
}
@media only screen and (min-width: 2160px) {
	.poster, .poster.zoom-0 {width: calc((100% - 88px) / 12);}
	.poster.zoom-1 {width: calc((100% - 80px) / 11);}
	.poster.zoom-2 {width: calc((100% - 72px) / 10);}
	.poster.zoom-3 {width: calc((100% - 64px) / 9);}
	.poster.zoom-4 {width: calc((100% - 56px) / 8);}
	.poster.zoom-5 {width: calc((100% - 48px) / 7);}
}
@media only screen and (min-width: 2181px) {
	.poster, .poster.zoom-0 {width: calc((100% - 88px) / 12);}
	.poster.zoom-1 {width: calc((100% - 80px) / 11);}
	.poster.zoom-2 {width: calc((100% - 72px) / 10);}
	.poster.zoom-3 {width: calc((100% - 64px) / 9);}
	.poster.zoom-4 {width: calc((100% - 56px) / 8);}
	.poster.zoom-5 {width: calc((100% - 56px) / 8);}
}
@media only screen and (min-width: 2491px) {
	.poster, .poster.zoom-0 {width: calc((100% - 88px) / 12);}
	.poster.zoom-1 {width: calc((100% - 80px) / 11);}
	.poster.zoom-2 {width: calc((100% - 72px) / 10);}
	.poster.zoom-3 {width: calc((100% - 64px) / 9);}
	.poster.zoom-4 {width: calc((100% - 64px) / 9);}
	.poster.zoom-5 {width: calc((100% - 64px) / 9);}
}
@media only screen and (min-width: 2560px) {
	.poster, .poster.zoom-0 {width: calc((100% - 96px) / 13);}
	.poster.zoom-1 {width: calc((100% - 88px) / 12);}
	.poster.zoom-2 {width: calc((100% - 80px) / 11);}
	.poster.zoom-3 {width: calc((100% - 72px) / 10);}
	.poster.zoom-4 {width: calc((100% - 64px) / 9);}
	.poster.zoom-5 {width: calc((100% - 64px) / 9);}
}
@media only screen and (min-width: 2801px) {
	.poster, .poster.zoom-0 {width: calc((100% - 96px) / 13);}
	.poster.zoom-1 {width: calc((100% - 88px) / 12);}
	.poster.zoom-2 {width: calc((100% - 80px) / 11);}
	.poster.zoom-3 {width: calc((100% - 72px) / 10);}
	.poster.zoom-4 {width: calc((100% - 72px) / 10);}
	.poster.zoom-5 {width: calc((100% - 72px) / 10);}
}
/* Caters for 2880, 3000 */
@media only screen and (min-width: 2880px) {
	.poster, .poster.zoom-0 {width: calc((100% - 104px) / 14);}
	.poster.zoom-1 {width: calc((100% - 96px) / 13);}
	.poster.zoom-2 {width: calc((100% - 88px) / 12);}
	.poster.zoom-3 {width: calc((100% - 80px) / 11);}
	.poster.zoom-4 {width: calc((100% - 72px) / 10);}
	.poster.zoom-5 {width: calc((100% - 72px) / 10);}
}
@media only screen and (min-width: 3111px) {
	.poster, .poster.zoom-0 {width: calc((100% - 104px) / 14);}
	.poster.zoom-1 {width: calc((100% - 96px) / 13);}
	.poster.zoom-2 {width: calc((100% - 88px) / 12);}
	.poster.zoom-3 {width: calc((100% - 80px) / 11);}
	.poster.zoom-4 {width: calc((100% - 80px) / 11);}
	.poster.zoom-5 {width: calc((100% - 80px) / 11);}
}
@media only screen and (min-width: 3421px) {
	.poster, .poster.zoom-0 {width: calc((100% - 104px) / 14);}
	.poster.zoom-1 {width: calc((100% - 96px) / 13);}
	.poster.zoom-2 {width: calc((100% - 88px) / 12);}
	.poster.zoom-3 {width: calc((100% - 88px) / 12);}
	.poster.zoom-4 {width: calc((100% - 88px) / 12);}
	.poster.zoom-5 {width: calc((100% - 88px) / 12);}
}
@media only screen and (min-width: 3440px) {
	.poster, .poster.zoom-0 {width: calc((100% - 104px) / 14);}
	.poster.zoom-1 {width: calc((100% - 96px) / 13);}
	.poster.zoom-2 {width: calc((100% - 88px) / 12);}
	.poster.zoom-3 {width: calc((100% - 88px) / 12);}
	.poster.zoom-4 {width: calc((100% - 88px) / 12);}
	.poster.zoom-5 {width: calc((100% - 88px) / 12);}
}
@media only screen and (min-width: 3731px) {
	.poster, .poster.zoom-0 {width: calc((100% - 104px) / 14);}
	.poster.zoom-1 {width: calc((100% - 96px) / 13);}
	.poster.zoom-2 {width: calc((100% - 96px) / 13);}
	.poster.zoom-3 {width: calc((100% - 96px) / 13);}
	.poster.zoom-4 {width: calc((100% - 96px) / 13);}
	.poster.zoom-5 {width: calc((100% - 96px) / 13);}
}
@media only screen and (min-width: 3840px) {
	.poster, .poster.zoom-0 {width: calc((100% - 112px) / 15);}
	.poster.zoom-1 {width: calc((100% - 104px) / 14);}
	.poster.zoom-2 {width: calc((100% - 96px) / 13);}
	.poster.zoom-3 {width: calc((100% - 96px) / 13);}
	.poster.zoom-4 {width: calc((100% - 96px) / 13);}
	.poster.zoom-5 {width: calc((100% - 96px) / 13);}
}
@media only screen and (min-width: 4041px) {
	.poster, .poster.zoom-0 {width: calc((100% - 112px) / 15);}
	.poster.zoom-1 {width: calc((100% - 104px) / 14);}
	.poster.zoom-2 {width: calc((100% - 104px) / 14);}
	.poster.zoom-3 {width: calc((100% - 104px) / 14);}
	.poster.zoom-4 {width: calc((100% - 104px) / 14);}
	.poster.zoom-5 {width: calc((100% - 104px) / 14);}
}
@media only screen and (min-width: 4096px) {
	.poster, .poster.zoom-0 {width: calc((100% - 120px) / 16);}
	.poster.zoom-1 {width: calc((100% - 112px) / 15);}
	.poster.zoom-2 {width: calc((100% - 104px) / 14);}
	.poster.zoom-3 {width: calc((100% - 104px) / 14);}
	.poster.zoom-4 {width: calc((100% - 104px) / 14);}
	.poster.zoom-5 {width: calc((100% - 104px) / 14);}
}
@media only screen and (min-width: 4351px) {
	.poster, .poster.zoom-0 {width: calc((100% - 120px) / 16);}
	.poster.zoom-1 {width: calc((100% - 112px) / 15);}
	.poster.zoom-2 {width: calc((100% - 112px) / 15);}
	.poster.zoom-3 {width: calc((100% - 112px) / 15);}
	.poster.zoom-4 {width: calc((100% - 112px) / 15);}
	.poster.zoom-5 {width: calc((100% - 112px) / 15);}
}
@media only screen and (min-width: 4661px) {
	.poster, .poster.zoom-0 {width: calc((100% - 120px) / 16);}
	.poster.zoom-1 {width: calc((100% - 120px) / 16);}
	.poster.zoom-2 {width: calc((100% - 120px) / 16);}
	.poster.zoom-3 {width: calc((100% - 120px) / 16);}
	.poster.zoom-4 {width: calc((100% - 120px) / 16);}
	.poster.zoom-5 {width: calc((100% - 120px) / 16);}
}
@media only screen and (min-width: 4971px) {
	.poster, .poster.zoom-0 {width: calc((100% - 128px) / 17);}
	.poster.zoom-1 {width: calc((100% - 128px) / 17);}
	.poster.zoom-2 {width: calc((100% - 128px) / 17);}
	.poster.zoom-3 {width: calc((100% - 128px) / 17);}
	.poster.zoom-4 {width: calc((100% - 128px) / 17);}
	.poster.zoom-5 {width: calc((100% - 128px) / 17);}
}
@media only screen and (min-width: 5120px) {
	.poster, .poster.zoom-0 {width: calc((100% - 128px) / 17);}
	.poster.zoom-1 {width: calc((100% - 128px) / 17);}
	.poster.zoom-2 {width: calc((100% - 128px) / 17);}
	.poster.zoom-3 {width: calc((100% - 128px) / 17);}
	.poster.zoom-4 {width: calc((100% - 128px) / 17);}
	.poster.zoom-5 {width: calc((100% - 128px) / 17);}
}
/*@media only screen and (min-width: 2335px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 60px) / 7);}
	.poster.zoom-5 {width: calc((100% - 50px) / 6);}
	.poster.zoom-6 {width: calc((100% - 40px) / 5);}
	.poster.zoom-7 {width: calc((100% - 40px) / 5);}
}
@media only screen and (min-width: 2490px) {
	.poster, .poster.zoom-0 {width: calc((100% - 120px) / 13);}
	.poster.zoom-1 {width: calc((100% - 110px) / 12);}
	.poster.zoom-2 {width: calc((100% - 100px) / 11);}
	.poster.zoom-3 {width: calc((100% - 90px) / 10);}
	.poster.zoom-4 {width: calc((100% - 80px) / 9);}
	.poster.zoom-5 {width: calc((100% - 70px) / 8);}
	.poster.zoom-6 {width: calc((100% - 60px) / 7);}
	.poster.zoom-7 {width: calc((100% - 50px) / 6);}
}
@media only screen and (min-width: 2645px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 60px) / 7);}
	.poster.zoom-5 {width: calc((100% - 50px) / 6);}
	.poster.zoom-6 {width: calc((100% - 50px) / 6);}
	.poster.zoom-7 {width: calc((100% - 50px) / 6);}
}
@media only screen and (min-width: 2800px) {	
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 60px) / 7);}
	.poster.zoom-5 {width: calc((100% - 50px) / 6);}
	.poster.zoom-6 {width: calc((100% - 50px) / 6);}
	.poster.zoom-7 {width: calc((100% - 50px) / 6);}
}
@media only screen and (min-width: 2955px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}	
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 60px) / 7);}
	.poster.zoom-5 {width: calc((100% - 50px) / 6);}
	.poster.zoom-6 {width: calc((100% - 50px) / 6);}
	.poster.zoom-7 {width: calc((100% - 50px) / 6);}
}
@media only screen and (min-width: 3110px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 60px) / 7);}
	.poster.zoom-5 {width: calc((100% - 60px) / 7);}
	.poster.zoom-6 {width: calc((100% - 60px) / 7);}
	.poster.zoom-7 {width: calc((100% - 60px) / 7);}
}
@media only screen and (min-width: 3265px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 60px) / 7);}
	.poster.zoom-5 {width: calc((100% - 60px) / 7);}
	.poster.zoom-6 {width: calc((100% - 60px) / 7);}
	.poster.zoom-7 {width: calc((100% - 60px) / 7);}
}
@media only screen and (min-width: 3420px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 70px) / 8);}
	.poster.zoom-5 {width: calc((100% - 70px) / 8);}
	.poster.zoom-6 {width: calc((100% - 70px) / 8);}
	.poster.zoom-7 {width: calc((100% - 70px) / 8);}
}
@media only screen and (min-width: 3575px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 70px) / 8);}
	.poster.zoom-5 {width: calc((100% - 70px) / 8);}
	.poster.zoom-6 {width: calc((100% - 70px) / 8);}
	.poster.zoom-7 {width: calc((100% - 70px) / 8);}
}
@media only screen and (min-width: 3730px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 70px) / 8);}
	.poster.zoom-4 {width: calc((100% - 70px) / 8);}
	.poster.zoom-5 {width: calc((100% - 70px) / 8);}
	.poster.zoom-6 {width: calc((100% - 70px) / 8);}
	.poster.zoom-7 {width: calc((100% - 70px) / 8);}
}
@media only screen and (min-width: 3885px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 80px) / 9);}
	.poster.zoom-4 {width: calc((100% - 80px) / 9);}
	.poster.zoom-5 {width: calc((100% - 80px) / 9);}
	.poster.zoom-6 {width: calc((100% - 80px) / 9);}
	.poster.zoom-7 {width: calc((100% - 80px) / 9);}
}
@media only screen and (min-width: 4040px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 80px) / 9);}
	.poster.zoom-4 {width: calc((100% - 80px) / 9);}
	.poster.zoom-5 {width: calc((100% - 80px) / 9);}
	.poster.zoom-6 {width: calc((100% - 80px) / 9);}
	.poster.zoom-7 {width: calc((100% - 80px) / 9);}
}
@media only screen and (min-width: 4195px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 80px) / 9);}
	.poster.zoom-3 {width: calc((100% - 80px) / 9);}
	.poster.zoom-4 {width: calc((100% - 80px) / 9);}
	.poster.zoom-5 {width: calc((100% - 80px) / 9);}
	.poster.zoom-6 {width: calc((100% - 80px) / 9);}
	.poster.zoom-7 {width: calc((100% - 80px) / 9);}
}
@media only screen and (min-width: 4350px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 90px) / 10);}
	.poster.zoom-3 {width: calc((100% - 90px) / 10);}
	.poster.zoom-4 {width: calc((100% - 90px) / 10);}
	.poster.zoom-5 {width: calc((100% - 90px) / 10);}
	.poster.zoom-6 {width: calc((100% - 90px) / 10);}
	.poster.zoom-7 {width: calc((100% - 90px) / 10);}
}
@media only screen and (min-width: 4505px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 90px) / 10);}
	.poster.zoom-3 {width: calc((100% - 90px) / 10);}
	.poster.zoom-4 {width: calc((100% - 90px) / 10);}
	.poster.zoom-5 {width: calc((100% - 90px) / 10);}
	.poster.zoom-6 {width: calc((100% - 90px) / 10);}
	.poster.zoom-7 {width: calc((100% - 90px) / 10);}
}
@media only screen and (min-width: 4660px) {	
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 90px) / 10);}
	.poster.zoom-2 {width: calc((100% - 90px) / 10);}
	.poster.zoom-3 {width: calc((100% - 90px) / 10);}
	.poster.zoom-4 {width: calc((100% - 90px) / 10);}
	.poster.zoom-5 {width: calc((100% - 90px) / 10);}
	.poster.zoom-6 {width: calc((100% - 90px) / 10);}
	.poster.zoom-7 {width: calc((100% - 90px) / 10);}
}
@media only screen and (min-width: 4815px) {	
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 100px) / 11);}
	.poster.zoom-2 {width: calc((100% - 100px) / 11);}
	.poster.zoom-3 {width: calc((100% - 100px) / 11);}
	.poster.zoom-4 {width: calc((100% - 100px) / 11);}
	.poster.zoom-5 {width: calc((100% - 100px) / 11);}
	.poster.zoom-6 {width: calc((100% - 100px) / 11);}
	.poster.zoom-7 {width: calc((100% - 100px) / 11);}
}
@media only screen and (min-width: 4970px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 100px) / 11);}
	.poster.zoom-2 {width: calc((100% - 100px) / 11);}
	.poster.zoom-3 {width: calc((100% - 100px) / 11);}
	.poster.zoom-4 {width: calc((100% - 100px) / 11);}
	.poster.zoom-5 {width: calc((100% - 100px) / 11);}
	.poster.zoom-6 {width: calc((100% - 100px) / 11);}
	.poster.zoom-7 {width: calc((100% - 100px) / 11);}
}
@media only screen and (min-width: 5125px) {
	.poster, .poster.zoom-0 {width: calc((100% - 100px) / 11);}
	.poster.zoom-1 {width: calc((100% - 100px) / 11);}
	.poster.zoom-2 {width: calc((100% - 100px) / 11);}
	.poster.zoom-3 {width: calc((100% - 100px) / 11);}
	.poster.zoom-4 {width: calc((100% - 100px) / 11);}
	.poster.zoom-5 {width: calc((100% - 100px) / 11);}
	.poster.zoom-6 {width: calc((100% - 100px) / 11);}
	.poster.zoom-7 {width: calc((100% - 100px) / 11);}
}*/



/*	.poster {width: calc((100% - 320px) / 33);}
	.poster.zoom-0 {width: calc((100% - 320px) / 33);}
	.poster.zoom-1 {width: calc((100% - 310px) / 32);}
	.poster.zoom-2 {width: calc((100% - 300px) / 31);}
	.poster.zoom-3 {width: calc((100% - 290px) / 30);}
	.poster.zoom-4 {width: calc((100% - 280px) / 29);}
	.poster.zoom-5 {width: calc((100% - 270px) / 28);}
	.poster.zoom-6 {width: calc((100% - 260px) / 27);}
	.poster.zoom-7 {width: calc((100% - 250px) / 26);}
	.poster.zoom-8 {width: calc((100% - 240px) / 25);}
	.poster.zoom-9 {width: calc((100% - 230px) / 24);}
	.poster.zoom-10 {width: calc((100% - 220px) / 23);}
	.poster.zoom-11 {width: calc((100% - 210px) / 22);}
	.poster.zoom-12 {width: calc((100% - 200px) / 21);}
	.poster.zoom-13 {width: calc((100% - 190px) / 20);}
	.poster.zoom-14 {width: calc((100% - 180px) / 19);}
	.poster.zoom-15 {width: calc((100% - 170px) / 18);}
	.poster.zoom-16 {width: calc((100% - 160px) / 17);}
	.poster.zoom-17 {width: calc((100% - 150px) / 16);}
	.poster.zoom-18 {width: calc((100% - 140px) / 15);}
	.poster.zoom-19 {width: calc((100% - 130px) / 14);}
	.poster.zoom-20 {width: calc((100% - 120px) / 13);}
	.poster.zoom-21 {width: calc((100% - 110px) / 12);}
	.poster.zoom-22 {width: calc((100% - 100px) / 11);}*/