@media screen and (max-width: 2500px){
	body{
		max-width: 1700px;
	}
}

@media screen and (max-width: 1420px){
	.spiderman img{
		max-width: 150px;
	}
}
@media screen and (max-width: 1300px){
	#buscar{
		width: 75%;
	}
}
@media screen and (max-width: 1200px){
	#prodCart .contdescripitem .title{
		font-size: 14px;
	}
	#newsletter{
		padding: 30px 20px;
	}
	#newsletter #cont-newsletter{
		flex-direction: column;
    	align-items: flex-end;
	}
	#newsletter #textoInfo{
		text-align: center;
	}
	#newsletter #form-newsletter{
		width: 350px;
    	margin: 0px 40px 0px 0px;
	}
}
@media screen and (max-width: 1182px){
	.contprodest .item{
		margin-bottom: 126px;
	}
}
@media screen and (max-width: 1100px){
	.catprinhom{
		margin-top: 0px !important;
	}
	#bannerprincipal{
		width: 90%;
	}
	#newsletter{
		background: url(../img/newsletter.jpg) no-repeat;
		background-size: cover;
	}
	#newsletter #cont-newsletter{
		width: 350px;
		display: block;
		margin: 0px auto;
	}
	#newsletter #textoInfo{
		width: 100%;
	}
	#newsletter #form-newsletter{
		width: 90%;
		margin: 0px auto;
	}
}
@media screen and (max-width: 990px){
	.itemdatos.col-lg-4 {
		margin-top: 10px;
	}
	#ContDetailsCart{
		position: absolute;
		top: 60px;
		right: 20px;
		padding: 6px 19px !important;
	}
	#buscar{
		
		width: 95%!important;
		margin: 0px auto;	
	}

	#login{
		width: 100%;
		text-align: center;
		margin: 10px auto 0px;
	}

	.navbar{
		margin: 0px auto;
	}
	.logocasacomic img{
		width: 100px;
	}
	header{
		flex-direction: column;
		margin: 10px 20px ;
	}
	header .item.cont-logo{
		width: 100%;
	}
	header .item.cont-buscar{
		width: 100%;
	}
	header .item.cont-cart{
			width: 100%;
	}
	.navbar-toggler{
		position: absolute;
		left: 10px;
		top: 50px;
	}
	#navbarNav{
		position: absolute;
		left: 22px;
		top: 170px;
		width: 93%;
		border-radius: 10px;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
		padding: 0px 15px;
		background: #fff;
		z-index: 999999;
	}
	.navbar .nav-logeado{
		top: 205px!important;
	}
	.navbar .logeado{
		top: 80px;
	}
	.navbar ul li ul{
		width: 100%;
		background: #fff;
	}
}
@media screen and (max-width: 970px){
	.navbar ul{
		margin-top: 10px;
	}
	.navbar ul li{
		display: block;
		text-align: left;
		margin-bottom: 10px;
	}
	.navbar a{
		padding: 0px 0px;
	}
	.navbar ul li a{
		font-weight: 500;
	}
	li.nav-item{
		border-right: 0px;
	}
	.navbar ul li ul{
		position: relative;
		display: block;
	}
	.navbar ul li ul li{
		margin-left: 20px;
	}
	.navbar ul li ul li a{
		font-weight: 400;
		padding: 7px 0px;
	}
	.navbar li.nav-item:hover{
		background-color: initial;
		border-radius: 0px;
	}
	.superman img{
		max-width: 200px;
	}
	.redesfooter{
		margin-top: 0px;
	}

}
@media screen and (max-width: 900px){
	#ContDetailsCart{
		padding: 12px 19px !important;
	}
	.cartladoizq{
		width: 100%;
	}
	.cartladoderecho{
		width: 100%;
	}
}
@media screen and (max-width: 850px){
	#prodInternal #container-derecho{
		width: 100%;
	}
	#titulo-izq{
		display: block;
	}
	#titulo-der{
		display: none;
	}
	.ladoderecho{
		border:none;
	}
}
@media screen and (max-width: 800px) {
	#bannerprincipal {
		border-radius: 10px;
	}
	#bannerprincipal .slick-list{
		border-radius: 10px;
	}
    #bannerprincipal .principalImg{
        display: none;
    }
    #bannerprincipal .mobileImg{
        display: block;
		border-radius: 10px;
    }
}
@media screen and (max-width: 820px){
	.superman img {
		max-width: 150px;
	}
	.pagination > li > a, .pagination > li > span{
		padding: 5px 10px;
	}
}
@media screen and (max-width: 767px){
	
}
@media screen and (max-width: 767px){
	.contprodest{
		padding: 0px 30px;
	}
	.concatprinhome{
		padding: 0px 25px 0px 25px;
	}
	.concatprinhome img{
		max-width: 140px;
	}
	
	#prodInternal .image a img{
		border-radius: 10px;
	}
	.ladoderecho{
		border-radius: 10px;
	}
	#prodInternal{
		margin-top: 40px;
	}
	#galerias ul li{
		width: 14%;
	}
}
@media screen and (max-width: 750px){
	.contprodest{
		padding: 40px 30px 0px 30px;
	}
	.contprodest .item{
		margin-bottom: 0px;
		border-radius: 10px;
		margin-top: 0px;
	}
	.spiderman{
		display: none;
	}
	.superman {
		display: none;
	}
	.mediospago{
		padding: 80px 15px;
	}
	#products h3{
		margin-bottom: 50px;
	}
	#prodCart .contdescripitem{
		margin-top: 0px;
	}
	#catpadres a{
		display: none;
	}
	#catpadres .item{
		height: initial !important;
	}
	#catpadres #prodCart .col img{
		padding: 0px 20px;
	}
	#catpadres #prodCart .col h1{
		margin-top: 10px;
	}
	#prodContent li{
		padding-bottom: 48px;
	}
	#prodContent .btn-default{
		padding: 5px 13px;
		margin: -5px 7px 0px 0px !important;
	}
	#prodInternal #image-container{
		width: 100%;
	}

}
@media screen and (max-width: 590px){
	#prodInternal{
		background:initial;
		padding: 0px 30px;
	}
	.ladoderecho #nombreProd h2{
		font-size: 20px;
	}
	.ladoderecho p{
		font-size: 14px;
	}
	.complemento{
		display: none;
	}
	#cartFinalDetails .contTotal{
		
	}
	#galerias ul li{
		width: 21%;
	}
}

@media screen and (max-width: 560px){
	.logocasacomic{
		margin-top: -39px;
		margin-left: 34px;
	}
	.logocasacomic img {
		width: 83px;
	}
	div#categoriasDesdc{
		margin-top: 56px;
	}
	.contprodest{
		padding: 0px;
	}
	
	.contprodest .item{
		margin-bottom : 30px;
		width: 95%;
	}
	#newsletter{
		padding: 50px 15px;
	}
	#newsletter h1{
		font-size: 26px;
	}
	#newsletter h6{
		font-size: 14px;
	}
	#catpadres #prodCart .col{
		margin: 0px;
		padding: 5px;
	}
	#catpadres #prodCart .col h1{
		font-size: 14px;
	}	

	#alfred{
        width:100px; 
        bottom: 30px;
    }
    #alfred #phrase{
        width: 180px;
        padding: 5px 10px;
        font-size: 11px;
    }
}
@media screen and (max-width: 460px){
	#galerias ul li{
		width: 29%;
	}
	#navbarNav{
		left: 18px;
	}
	#categoriasDestacadas{
		width: 90%;
	}
	#categoriasDestacadas .item{
		min-height: 180px;
	}
	#categoriasDestacadas h4{
		font-size: 14px;
	}
	#categoriasDestacadas .slick-next{
		right: -20px;
	}
	#categoriasDestacadas .slick-prev{
		right: -20px;
	}
	#categoriasDestacadas .item a{
		padding: 30px 0px 20px;
	}
	#categoriasDestacadas h1{
		font-size: 22px;
	}
	#newsletter #cont-newsletter{
		width: 100%;
	}
	.pagination > li > a, .pagination > li > span{
		padding: 5px 7px;
	}
}
@media screen and (max-width: 330px){
	#galerias ul li{
		width: 46%;
	}
}