/*Steps Styling*/
@media screen and (min-width: 1981px){
	#step {
		max-width: 30%!important;
		display: block!important;
		margin: 0 auto!important;
	}
}

@media screen and (max-width: 1980px){
	#step {
		max-width: 30%!important;
		display: block!important;
		margin: 0 auto!important;
	}
}

@media screen and (max-width: 1024px){
	#step {
		max-width: 70%!important;
		display: block!important;
		margin: 0 auto!important;
	}
}

@media screen and (max-width: 1000px){
	#step {
		max-width: 55%!important;
		display: block!important;
		margin: 0 auto!important;
	}
}

@media screen and (max-width: 750px){
	#step {
		max-width: 100%!important;
		display: block!important;
		margin: 0 auto!important;
	}
}

/*CROSS-Icon Styling*/
@media screen and (min-width: 2000px){
	.product-list.unit .icon[variant='icon-cross'] {
		top: 20%!important;
		left: 57%!important;
	}
}

@media screen and (max-width: 1980px){
	.product-list.unit .icon[variant='icon-cross'] {
		top: 20%!important;
		left: 65%!important;
	}
}

@media screen and (max-width: 1024px){
	.product-list.unit .icon[variant='icon-cross'] {
		top: 20%!important;
		left: 76%!important;
	}
}

@media screen and (max-width: 1000px){
	.product-list.unit .icon[variant='icon-cross'] {
		top: 20%!important;
		left: 74%!important;
	}
}

@media screen and (max-width: 750px){
	.product-list.unit .icon[variant='icon-cross'] {
		top: 45%!important;
		left: 60%!important;
	}
}


/*PLUS-Icon Styling*/
@media screen and (min-width: 2000px){
	.product-list.unit .icon[variant='icon-plus'] {
		top: 45%!important;
		left: 54%!important;
	}
}

@media screen and (max-width: 1980px){
	.product-list.unit .icon[variant='icon-plus'] {
		top: 45%!important;
		left: 61%!important;
	}
}

@media screen and (max-width: 1024px){
	.product-list.unit .icon[variant='icon-plus'] {
		top: 45%!important;
		left: 71%!important;
	}
}

@media screen and (max-width: 1000px){
	.product-list.unit .icon[variant='icon-plus'] {
		top: 45%!important;
		left: 67%!important;
	}
}

@media screen and (max-width: 750px){
	.product-list.unit .icon[variant='icon-plus'] {
		top: 45%!important;
		left: 59%!important;
	}
}

/*TEXT COLOR*/


@media screen and (max-width: 750px){
	.product-list.unit .title-block .title {
		color:#1c4263!important;
	}
}

@media screen and (max-width: 750px){
	.product-list.unit[state="zoom"] .title-block .title {
		color: #fff!important;
	}
}

@media screen and (min-width: 751px){
	.product-list.unit .title-block .title {
		color:#1c4263!important;
	}
}

@media screen and (min-width: 751px){
	.product-list.unit .text-block {
		color:#1c4263!important;
	}
}

.h1{
	color:#1c4263!important;
}

.h2{
	color:#1c4263!important;
}

.p{
	color:#1c4263!important;
}

/*TEXT*/
@media screen and (min-width: 1220px){
	.product-list.unit[state="zoom"] .title-block {
		margin-top: 394px;
		margin-left: 130px;
	}
}

@media screen and (min-width: 1220px){
	.product-list.unit[state="zoom"] .text-block {
		margin-left: 130px;
	}
}

@media screen and (max-width: 1024px){
	.product-list.unit[state="zoom"] .title-block {
		margin-top: 230px;
		margin-left: 130px;
	}
}

@media screen and (max-width: 1024px){
	.product-list.unit[state="zoom"] .text-block {
		margin-left: 130px;
	}
}

@media screen and (max-width: 1000px){
	.product-list.unit[state="zoom"] .title-block {
		margin-top: 250px;
		margin-left: 15px;
	}
}
	
@media screen and (max-width: 1000px){
	.product-list.unit[state="zoom"] .text-block {
		margin-left: 15px;
	}
}

@media screen and (min-width: 1981px){
	.product-list.unit .title-block {
		margin-left: 25%!important;
		margin-top: 20%!important;
	}
}

@media screen and (min-width: 1981px){
	.product-list.unit .text-block {
		margin-left: 25%!important;
	}
}

@media screen and (max-width: 1980px){
		.product-list.unit .title-block {
		margin-left: 17%!important;
		margin-top: 25%!important;
	}
}

@media screen and (max-width: 1980px){
		.product-list.unit .text-block {
		margin-left: 17%!important;
	}
}

@media screen and (max-width: 1024px){
		.product-list.unit .title-block {
		margin-left: 7%!important;
		margin-top: 38%!important;
	}
}

@media screen and (max-width: 1024px){
		.product-list.unit .text-block {
		margin-left: 7%!important;
	}
}

@media screen and (max-width: 1000px){
		.product-list.unit .title-block {
		margin-left: 2%!important;
		margin-top: 34%!important;
	}
}
@media screen and (max-width: 1000px){
		.product-list.unit .text-block {
		margin-left: 2%!important;
		Width:34%!important;
	}
}

@media screen and (max-width: 750px){
	.product-list.unit .title-block {
		margin-left: auto!important;
		margin-right: auto!important;
		margin-top: 0%!important;
	}
}

@media screen and (max-width: 750px){
	.product-list.unit .text-block {
		margin-left: auto!important;
		margin-right: auto!important;
		margin-top: 0%!important;
		Width:99%!important;
	}
}
/*END*/

@media screen and (min-width: 1220px){
	.product-list.unit {
	min-height: 965px!important;
    height: 100vh!important;
	}
}

@media screen and (min-width: 1220px){
	.trigger.unit {
		margin-top: -60px!important;
		margin-left: -5px!important;
	}
}

@media screen and (min-width: 751px){
	.trigger.unit {    
	margin-top: -0px!important;
    margin-left: -5px!important;
	}
}

@media screen and (max-width: 750px){
	.trigger {    
	margin-top: -22px!important;
    margin-left: -5px!important;
	}
}

.trigger.unit.content {    
	display: none !important;
	}
	
	.content {    
	display: none !important;
	}
	
.trigger.unit.button {    
	display: none !important;
	}

.product.container .product-head {
    overflow: hidden;
    position: relative;
	display: none!important;
}

.product-navigation {
    z-index: 10;
    position: fixed;
    top: 50%;
    right: 50px;
    margin-top: -40px;
    -webkit-backface-visibility: hidden;
    display: none!important;
}

.product-list.container {
    overflow: hidden;
    position: relative;
}

.trigger[variant*="default"] {
    margin: 0 0!important;
}

.trigger.unit > .content > .title{    
text-align: center
}
@media screen and (min-width: 751px){
	.trigger.unit > .content > .title{    
		font-size: 70PX !important;
		margin-top: -20PX;
		justify-content: start;
	}
}
@media screen and (min-width: 900px){
	.trigger.unit > .content > .title{    
		font-size: 95PX !important;
		justify-content: start;
	}
}
@media screen and (min-width: 900px){
	.trigger.unit > .content > .title{    
		font-size: 95PX !important;
		justify-content: start;
	}
}
@media screen and (min-width: 1040px){
	.trigger.unit > .content > .title{    
		font-size: 100PX !important;
		margin-top: -30PX;
		justify-content: start;
	}
}
@media screen and (min-width: 1220px){
	.trigger.unit > .content > .title{    
		FONT-SIZE: 110PX !important;
		margin-top: -30PX;
		justify-content: start;
	}
}
@media screen and (min-width: 1400px){
	.trigger.unit > .content > .title{    
		font-size: 130px !important;
		margin-top: -30px;
		justify-content: start;
	}
}
@media screen and (min-width: 1600px){
	.trigger.unit > .content > .title{    
		font-size: 150px !important;
		margin-top: -30px;
		justify-content: start;
	}
}
@media screen and (min-width: 1800px){
	.trigger.unit > .content > .title{    
		font-size: 165px !important;
		margin-top: -30px;
		justify-content: start;
	}
}

@media screen and (min-width: 751px){
	.blockbuster {
		padding-right:5px;
	}
	.legends {    
		padding-left:36px;
	}
}

@media screen and (min-width: 1000px){
	.article.container .unit.column-2 {
		padding: 30px 7% !important;
	}
	.blockbuster {
		padding-right:21px;
	}
	.legends {    
		padding-left:70px;
	}
}

@media screen and (min-width: 1084px){
	.blockbuster {
		padding-right:68px;
	}
	.legends {    
		padding-left:67px;
	}
}

@media screen and (min-width: 1000px){
	.article.container .unit.column-2 {
		padding: 30px 7% !important;
	}
	.blockbuster {
		padding-right:68px;
	}
	.legends {    
		padding-left:67px;
	}
}

@media screen and (min-width: 1600px){
	.article.container .unit.column-2 {
		padding: 30px 17% !important;
	}
	.blockbuster {
		padding-right:68px;
	}
	.legends {    
		padding-left:67px;
	}
}

@media screen and (min-width: 1880px){
	.article.container .unit.column-2 {
		padding: 30px 18% !important;
	}
	.blockbuster {
		padding-right:68px;
	}
	.legends {    
		padding-left:67px;
	}
}

@media screen and (min-width: 2000px){
	.article.container .unit.column-2 {
		padding: 30px 20% !important;
	}
	.blockbuster {
		padding-right:68px;
	}
	.legends {    
		padding-left:67px;
	}
}

@media screen and (min-width: 2200px){
	.article.container .unit.column-2 {
		padding: 30px 28% !important;
	}
	.blockbuster {
		padding-right:68px;
	}
	.legends {    
		padding-left:67px;
	}
}

@media screen and (min-width: 2400px){
	.article.container .unit.column-2 {
		padding: 30px 30% !important;
	}
	.blockbuster {
		padding-right:68px;
	}
	.legends {    
		padding-left:67px;
	}
}

.slide-item__typograph {
	display: none !important;
}
 
.viewport .trigger:nth-child(1) .content>.title .icon {
    display: none;
}

/*TEST*/


@media screen and (max-width: 750px){
	.trigger[variant*="default"] .background img, .trigger[variant*="default"] .video img {
		width: 135%!important;
	}
}

@media screen and (max-width: 660px){
	.trigger[variant*="default"] .background img, .trigger[variant*="default"] .video img {
		content:url("/~/resources/Heineken/Shared/Campaigns/00/New/New00-Mobile-Header.png")!important;
	}
	.trigger[variant*="default"] .image_ratio:before {
		content: '';
		display: block;
		position: relative;
		padding-top: 90.66%;
	}
}

@media screen and (min-width: 751px) {
	.product.container ~ .footer.container {
		    z-index: 6 !important;
	}
}

/*END*/