.AppDownloadImg{
	max-width: 250px
}

.BrandHeader{
	width: 100%;
	height: 798px;
}

.BrandCol1{
	padding: 30px;
}

.BrandsParagraph{
	padding-left: 20px;
	max-width: 280px; 
	padding-top: 30px; 
	
	font-size: 16px;

}

.BrandsParagraphExtra{
	max-width: 420px; 
	padding-top: 70px; 
	padding-bottom: 80px; 
	font-size: 16px;
}

.BrandsImgExtra{
	padding-top: 70px; 
	padding-bottom: 80px; 
	text-align: center;
}

.VidContainer{
	margin-top: 50px;
	margin-bottom: 50px;
}

.brandsBackRow{
	text-align: center; 
	margin-top: 80px; 
	margin-bottom:40px;
}

/********************************/
/*******   PJ MASKS CSS    ******/
/********************************/

#GabbysHeader{
	background: url("/Brands/GabbysDollhouse/header.jpg") no-repeat center center;
	background-size: cover;
}

#GabbysFooter{
	background: url("/Brands/GabbysDollhouse/footer.png") no-repeat center center;
	background-size: contain;
	width: 512px;
	height: 443px;
	position: absolute;
	bottom: 130px;
	left: 60%;
}

#KineticLogo{
	background: url("/Brands/Pokemon/logo.png") no-repeat center center;
	height: 185px;
	width: 100%;
	background-size: contain;

}

#BingLogo{
	background: url("/Brands/Bing/Logo.png") no-repeat center center;
	height: 185px;
	width: 100%;
	background-size: contain;

}
#PokemonHeader{
	background: url("/Brands/Pokemon/header.jpg") no-repeat center center;
	background-size: cover;
}

#KineticHeader{
	background: url("/Brands/KineticSand/header.jpg") no-repeat center center;
	background-size: cover;
}

#Kineticimage1{
	background: url("/Brands/KineticSand/Himage1.png") no-repeat center center;
	height: 416px;
	margin-top: 20px;
	width: 100%;
	background-size: contain;
}


#Kineticimage2{
	background: url("/Brands/KineticSand/Himage2.jpg") no-repeat center center;
	height: 550px;
	width: 100%;
	background-size: contain;
}

#KineticLogo{
	background: url("/Brands/KineticSand/logo.png") no-repeat center center;
	height: 185px;
	width: 100%;
	background-size: contain;

}

/********************************/
/*******   COOL MAKER CSS    ******/
/********************************/

#RevNRollHeader{
	background: url("/Brands/Rev&Roll/header.jpg") no-repeat center center;
	background-size: cover;
}

#RevNRollimage1{
	background: url("/Brands/Rev&Roll/Himage1.png") no-repeat center center;
	height: 416px;
	width: 100%;
	background-size: contain;
}


#RevNRollimage2{
	background: url("/Brands/Rev&Roll/Himage2.png") no-repeat center center;
	height: 382px;
	width: 100%;
	background-size: contain;
}

#RevNRollLogo{
	background: url("/Brands/Rev&Roll/R&Rlogo.png") no-repeat center center;
	height: 185px;
	width: 100%;
	background-size: contain;

}

#CoolHeader{
	background: url("/Brands/CoolMaker/header.jpg") no-repeat 47%;
	background-size: cover;
}

#Coolimage1{
	background: url("/Brands/CoolMaker/Himage1.jpg") no-repeat center center;
	height: 416px;
	width: 100%;
	background-size: contain;
}


#Coolimage2{
	background: url("/Brands/CoolMaker/Himage2.jpg") no-repeat center center;
	height: 382px;
	width: 100%;
	background-size: contain;
}

#CoolLogo{
	background: url("/Brands/CoolMaker/CoolMakerLogo.png") no-repeat center center;
	height: 185px;
	width: 100%;
	background-size: contain;

}

#CoolLogo1{
	background: url("/Brands/CoolMaker/CoolMakerLogo1.png") no-repeat center center;
	height: 185px;
	width: 100%;
	background-size: contain;

}

/********************************/
/*******   PJ MASKS CSS    ******/
/********************************/

#PJHeader{
	background: url("/Assets/Brands/PJ/header.jpg") no-repeat center center;
	background-size: cover;
}

#PJimage1{
	background: url("/Assets/Brands/PJ/Himage1.png") no-repeat center center;
	height: 416px;
	width: 100%;
	background-size: contain;
}


#PJimage2{
	background: url("/Assets/Brands/PJ/Himage2.png") no-repeat center center;
	height: 382px;
	width: 100%;
	background-size: contain;
}

#PJLogo{
	background: url("/Assets/Brands/PJ/PJLogo.png") no-repeat center center;
	height: 185px;
	width: 100%;
	background-size: contain;

}


/********************************/
/*******   SUPER WINGS     ******/
/********************************/

#SWHeader{
	background: url("/Brands/SuperWings/header.jpg") no-repeat center center;
	background-size: cover;
}


#ScreechersHeader{
	background: url("/Brands/Screechers/header.jpg") no-repeat center center;
	background-size: cover;
}

#GormitiHeader{
	background: url("/Brands/Gormiti/header.jpg") no-repeat center center;
	background-size: cover;
}

#BakuganHeader{
	background: url("/Brands/Bakugan/header.jpg") no-repeat center center;
	background-size: cover;
}

#CandylocksHeader{
	background: url("/Brands/Candylocks/header.jpg") no-repeat center center;
	background-size: cover;
}

#MJHeader{
	background: url("/Brands/MonsterJam/header.jpg") no-repeat center center;
	background-size: cover;
}


#NadoHeader{
	background: url("/Brands/Nado/header.jpg") no-repeat center center;
	background-size: cover;
}

#MashaHeader
{
	background: url("/Brands/Masha/header.jpg") no-repeat center center;
	background-size: cover;
}

#ZakHeader
{
	background: url("/Brands/Zak/header.jpg") no-repeat center center;
	background-size: cover;
}

#LuniaHeader
{
	background: url("/Brands/Luna/header.jpg") no-repeat center center;
	background-size: cover;
}

#RobloxHeader
{
	background: url("/Brands/Roblox/header.jpg") no-repeat center center;
	background-size: cover;
}

#OddbodsHeader
{
	background: url("/Brands/Oddbods/header.jpg") no-repeat center center;
	background-size: cover;
}

/* FOOTERS */

#PokemonFooter{
	width: 512px;
	height: 443px;
	position: absolute;
	bottom: 130px;
	left: 60%;
	background: url("/Brands/Pokemon/footer.png") no-repeat center center;

}

#KineticFooter{
	width: 512px;
	height: 443px;
	position: absolute;
	bottom: 130px;
	left: 60%;
	background: url("/Brands/KineticSand/footer.png") no-repeat center center;

}

#PJFooter{
	width: 512px;
	height: 443px;
	position: absolute;
	bottom: 130px;
	left: 60%;
	background: url("/Brands/PJ/catboyFooter.png") no-repeat center center;

}

#CoolFooter{
	width: 512px;
	height: 443px;
	position: absolute;
	bottom: 130px;
	left: 60%;
	background: url("/Brands/CoolMaker/footer.png") no-repeat center center;

}

#mashaFooter{
	width: 401px;
	height: 548px;
	position: absolute;
	bottom: 110px;
	left: 60%;
	background: url("/Brands/Masha/vukovi.png") no-repeat center center;
}

#SWingsFooter{
	width: 401px;
	height: 548px;
	position: absolute;
	bottom: 135px;
	left: 60%;
	background: url("/Brands/SuperWings/footer.png") no-repeat center center;
}


#ScreecherFooter{
	width: 446px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 62%;
	background: url("/Brands/Screechers/footer.png") no-repeat center center;
}

#GormitiFooter{
	width: 446px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 62%;
	background: url("/Brands/Gormiti/footer.png") no-repeat center center;
}

#BakuganFooter{
	width: 446px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 62%;
	background: url("/Brands/Bakugan/footer.png") no-repeat center center;
}

#CandylocksFooter{
	width: 446px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 62%;
	background: url("/Brands/Candylocks/footer.png") no-repeat center center;
}

#MJFooter{
	width: 446px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 62%;
	background: url("/Brands/MonsterJam/footer.png") no-repeat center center;
}

#BrandsFooter{
	width: 446px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 62%;
	
}

#NadoFooter{
	width: 300px;
    height: 400px;
    position: absolute;
    bottom: 120px;
    left: 70%;
    background: url(/Brands/Nado/footer.png) no-repeat center center;
    background-size: contain;
}

#ZakFooter{
	width: 492px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 58%;
	background: url("/Brands/Zak/footer.png") no-repeat center center;
}

#LunaFooter{
	width: 492px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 58%;
	background: url("/Brands/Luna/footer.png") no-repeat center center;
}


#RobloxFooter{
	width: 492px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 58%;
	background: url("/Brands/Roblox/footer.png") no-repeat center center;
}


#OddFooter{
	width: 492px;
	height: 548px;
	position: absolute;
	bottom: 100px;
	left: 58%;
	background: url("/Brands/Oddbods/footer.png") no-repeat center center;
}



/***********************************/
/* MISC SPECIAL */
/***********************************/

.ArticlesTxt{
	display: inline-block;
	padding-top: 10px;
}




/********************************/
/*******   Galerija        ******/
/********************************/

.img-resize{
	max-width: 100%;
	height: auto;
}


.img-fluid{
	margin-top: 10px;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	opacity: 0.9;
	max-width: 100%;
	height: auto;
	transition: 0.2s;
}

.img-fluid:hover{
	opacity: 1;
		max-width: 100%;
	height: auto;
	}


@media screen and (max-width :800px){
	#KineticHeader{
	background-position:-160px -50px;
	}
#GabbysHeader{
background-position: -320px;
}

	#MJHeader{
		padding-right: 1000px;
	}
	#BakuganHeader{
		padding-right: 1300px;
	}
	.AppDownloadImg{
		max-width: 200px
	}

	.BrandsParagraphExtra{
		max-width: 420px; 
		padding-top: 30px; 
		padding-bottom: 30px; 
		font-size: 16px;
	}

	.BrandsImgExtra{
		padding-top: 30px; 
		padding-bottom: 30px; 
		text-align: center;
	}

	#SWHeader{
		background-position: -700px center;
	}

	#ScreechersHeader{
		background-position: -1400px -200px;
		
	}

	#NadoHeader{
				background-position: -500px -50px;
	}


	#MashaHeader
	{
		background-position: -800px center;
	}
	.img-fluid{

	}

	.srednjiNaslov{
		font-size: 70px !important;

	}

/*
	.BrandHeader{
	width: 100%;
	height: 700px !important;
	background-size: 400% !important;
	}*/
}