@media only screen and (min-width: 250px) and (max-width: 480px) {
	ul.socialIcons{
		width: 100%;
		text-align: center;
		float: none;
	}

	/* Footer: logo y redes centrados en mobile */
	footer .foot2 .col-md-8,
	footer .foot2 .col-md-4 {
		width: 100%;
		text-align: center;
		float: none;
	}
	footer .foot2 .socialIcons {
		float: none;
		display: inline-block;
	}
	
	a.logoOne {
	    width: 250px;
	    margin: 30px auto 0 auto;
	}
	
	/* FooterLegal — links centrados en mobile, uno debajo del otro */
	.footerLegal ul.linksFooter.inline {
		flex-direction: column;
		align-items: center;
		gap: 0.5em;
	}

	.sliderHome .flex-caption .genTitle {
		font-size: 0.75rem;
		padding: 10px;
		line-height: 1.2;
	}

	.oneBlock.sliderHome .genTitle {
		font-size: 0.9rem;
	}

	a.logoOne {
		font-size: 2rem;
	}

	.theme-toggle-btn {
		width: 28px;
		height: 28px;
		top: 15px;
		right: 10px;
		padding: 4px;
	}

	.theme-toggle-btn svg {
		width: 14px;
		height: 14px;
	}

	.listMorePost {
		margin: 0;
		padding: 0 0.5rem;
	}

	.genblock {
		padding: 0 0.25rem;
		margin-bottom: 1.5rem;
	}

	.postThree,
	.genblock {
		padding: 0 0.5rem;
	}

	.postThree figure {
		width: 100%;
		height: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 0.5rem;
	}

	.caption-two {
		width: 100%;
		float: none;
	}

	.caption-two h2 {
		font-size: 1.1rem;
	}

	.caption-two h2 a {
		font-size: 1rem;
	}

	.genTitle {
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.leaderboardHead {
		min-height: 40px;
		padding: 1em 0.5rem;
		margin-bottom: 1rem;
		font-size: 0.65rem;
	}

	.boxBanner {
		max-width: 100%;
		overflow: hidden;
	}

}


/*iphoneLadscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 
	
}


@media only screen and (min-width: 480px) and (max-width: 720px) {
	
}


@media only screen and (min-width: 767px) and (max-width: 940px) {
	
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

}