@media screen and (max-width: 1420px){
	.spiderman img{
		max-width: 150px;
	}
	.item-category{
		justify-content: flex-start;
		flex-direction: row;
	}
	.item-category img{
		object-fit: cover;
		height: 100%;
	}

	.item-category a{
		position: initial;
	}
}

@media screen and (max-width: 1398px){
	#products .item:last-child{
		display: block;
	}

}

@media screen and (max-width: 1270px){
	#prodInternal .image{
		height: auto;
	}
	#prodInternal .image a img{
		height: auto;
	}
}

@media screen and (max-width: 1200px){
	#prodCart .contdescripitem .title{
		font-size: 16px;
	}
	#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;
	}


	.main-grid-item{
		width: 100%;
	}
	.third-grid .nested-grid-item:first-child,
	.third-grid .nested-grid-item:last-child,
	.second-grid .nested-grid-item:last-child,
	.second-grid .nested-grid-item:first-child{
		width: 50%;
		aspect-ratio: 1/1;
	}

	.third-grid,
	.second-grid{
		min-height: 200px;
	}

}
@media screen and (max-width: 1100px){
	#logo{
		margin: 0px 0px 0px 50px;
        padding: 15px 0px 0px 0px;
	}

	.navbar-light .navbar-toggler{
		top: 20px;
	}
	header .item.cont-cart{
		width: 15%;
	}
	.catprinhom{
		margin-top: 0px !important;
	}
	#bannerprincipal{
		width: 100%;
	}
	#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;
	}

	.contprodest{
		flex-wrap: wrap;
	}
	#label-prodest{
		width: 100%;
	}
	#label-prodest a h1{
		text-align: center;
	}
	#label-prodest, #label-prodest a{
		margin: 20px auto;
		text-align: center;
	}
}
@media screen and (max-width: 990px){
	
	.main-grid{
		flex-direction: column;
	}
	#container-mujer .main-grid{
		flex-wrap: wrap;
    	flex-direction: column-reverse;
	}
	.item-category{
		height: 100%;
	}
	.itemdatos.col-lg-4 {
		margin-top: 10px;
	}
	header .item.cont-cart{
		width: 20%;
		position: absolute;
        right: 0px;
	}

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

	.navbar{
		margin: 0px auto;
	}
	.logocasacomic img{
		width: 100px;
	}
	header{
		flex-direction: column;
	}
	header .item.cont-logo{
		width: 100%;
	}

	.navbar-toggler{
		position: absolute;
		left: 10px;
		top: 50px;
	}
	#navbarNav{
		position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        padding: 0px 15px;
        background: #faf6ee;
        z-index: 999999;
		width: 100%;
    	height: 100%;
		overflow-y: auto!important;
	}
	#close-nav-bar{
		position: absolute;
		right: 10px;
		top: 10px;
		display: block;
		z-index: 9999999;
        border: none;
        background: transparent;
		display: none;
	}
	#close-nav-bar i{
		font-size: 20px;
		color: #42210a;
	}
	.navbar .nav-logeado{
		top: 205px!important;
	}
	.navbar .logeado{
		top: 80px;
	}
	.navbar ul li ul{
		width: 100%;
	}

	.navbar ul li ul{
		background: transparent;
	}
	.navbar ul li {
		width: 100%;
	}
	.navbar ul li ul li a{
		color: #000!important;
	}
	.navbar ul li ul li ul,
	.navbar ul li ul li.nav-item:hover{
		background-color: transparent;
	}
	.navbar ul li ul li a,
	.navbar ul li a{
		color: #42210a!important;
		font-weight: 300!important;
		font-size: 18px;
	}
	.navbar ul li ul li ul{
		margin: 0px 0px 0px 40px;
	}

	#categories-container .item-category{
		min-height: 320px;
	}
	#prodCart{
		margin: 30px auto;
	}
	.contprodest .item{
		margin-bottom : 30px;
		width: 45%;
	}
 

}
@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){
	.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;
	}
	#introPage{
		flex-direction: column;
		width: 100%;
		padding: 0px;
	}
	#introPage .img-intro{
		width: 100%;
		margin: 10px auto 0px;
	}
	#content-logo-intro{
		width: 100%;
	}
	.ladoderecho{
		padding: 0px;
	}
}
@media screen and (max-width: 800px) {
	#bannerprincipal{
		aspect-ratio: 1 / 1;
	}
    #bannerprincipal .principalImg{
        display: none;
    }
    #bannerprincipal .mobileImg{
        display: block;
    }
	#busquedaCedula{
		width: 100%;
	}
}
@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: 0px 30px 0px 30px;
	}
	.contprodest .item{
		margin-bottom: 0px;
		margin-top: 0px;
		min-height: 300px;
	}
	#prodCart{
		margin: 0px auto;
	}
	#prodCart .contdescripitem{
		padding: 0px 20px 0px 20px;
	}
	.spiderman{
		display: none;
	}
	.superman {
		display: none;
	}
	#products h3{
		margin-bottom: 50px;
	}


	#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%;
	}

	#whatsapp{
		bottom: 60px;
	}

	#appColors #contAddCart .addCart:last-child{
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		margin: 0px auto;
		border-radius: 0px;
	}

}
@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){

	header .item.cont-cart{
		width: 25%;
		right: 10px;
	}
	.logocasacomic{
		margin-top: -39px;
		margin-left: 34px;
	}
	.logocasacomic img {
		width: 83px;
	}
	div#categoriasDesdc{
		margin-top: 56px;
	}
	.contprodest{
		padding: 0px;
	}
	
	#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;
    }
	#categories-container{
		margin: 40px auto;
	}
	#categories-container .item-category{
		min-height: 250px;
	}

	.item-category{
		min-width: 100%;
	}

	.item-category .buttons h2{
		font-size: 20px;
	}

	#orden-container{
		width: 90%;
		
	}
	#cat-header{
		margin: 20px auto;
	}
	body#categoria-page #cat-header{
		display: none;
		margin: 20px auto;
	}

	.contprodest .item{
		min-height: 250px;
	}
	#buscar {
		align-items: flex-start;
	}
	#buscar #container-buscar {
		max-width: 400px;
		top: 200px;
	}
}
@media screen and (max-width: 490px){
	#shared-prod{
		flex-direction: column;
	}
	.compwhatsapp{
		max-width: 100%;
	}
}
@media screen and (max-width: 460px){
	#galerias ul li{
		width: 29%;
	}
	#categoriasDestacadas{
		width: 90%;
	}
	#categoriasDestacadas .item{
	}
	#categoriasDestacadas h4{
		font-size: 14px;
	}
	#categoriasDestacadas .slick-next{
		right: -20px;
	}
	#categoriasDestacadas .slick-prev{
		right: -20px;
	}
	#categoriasDestacadas .item a{
		padding: 0px 10px;
	}
	#categoriasDestacadas h1{
		font-size: 22px;
	}
	#newsletter #cont-newsletter{
		width: 100%;
	}
	.pagination > li > a, .pagination > li > span{
		padding: 5px 7px;
	}
	header .item.cont-cart{
		width: 30%;
		gap: 10px;
		right: 0px;
	}
	.genero{
		height: 400px;
	}
}
@media screen and (max-width: 330px){
	#galerias ul li{
		width: 46%;
	}
}