@media (min-width: 480px) {
	#top-heading-xs {
		display: none;
	}
	#top-heading {
		display: inline-block;
	}
	#top-nav a,
	#top-heading {
		padding: 0 15px;
	}
	#top-nav span {
		font-size: 1.1em;
	}
	#top-collapse form {
		padding: 20px 20px 10px 20px;
	}
	#top-collapse form input {
		font-size: 1.2em;
		padding: 5px;
	}
	#main-nav .navbar-brand img {
		max-height: 50px;
		max-width: 200px;
	}
}
@media (min-width: 576px) {
	#main-nav .nav-link,
	#home-bg #main-nav.sticky .nav-link {
		font-size: 1.4em;
	}
	#top-nav a,
	#top-heading {
		padding: 0 20px;
	}
	#top-nav span {
		font-size: 1.2em;
	}
	#main-nav #navbar {
		max-width: 70%;
	}
	footer {
		font-size: 	1em;
	}
	footer .row {
		background-position: center;
	}
	footer hr {
		display: none;
	}
	footer .contact {
		text-align: left;
	}
	footer .info {
		margin-top: 0;
	}
/* 	#home-bg {
		height: 880px;
	} */
	#home-bg h2.title {
		font-size: 3.8em;
	}
	#home-banners h2 {
		font-size: 1.9em;
	}
	#info-empresa .tab-pane {
		height: 780px;
	}
	#info-empresa #manual .col-12 {
		text-align: left;
	}
	.plans-banner a {
		font-size: 1.4em;
	}
	.container-fluid.map {
		padding-top: 75%;
	}
	.cobertura-permanencia h2 {
		font-size: 2em;
	}
	.plans.movil h3 {
		font-size: 1.6em;
	}
	.plans.fibra h2,
	.plans.fibra h3 {
		font-size: 2.6em;
	}
	.plans.fibra .plan-info {
		height: 250px;
	}
	.plans.fibra button {
		font-size: 1.4em;
	}
	.tarifa-header img.bg {
		right: 0;
	}
	.banner-text h2 {
		font-size: 1.6em;
	}
	.banner-text h3 {
		font-size: 1.4em;
	}
	.tarifas .box .body .bg {
		top: 30px;	
	}
}
@media (min-width: 768px) {
	#home-bg, #info-empresa {
		background-attachment: fixed;
	}
	#main-nav #navbar {
		max-width: 65%;
		margin-right: 35%;
	}
	footer a.copy {
		font-size: 1.2em;
	}
	.plans-banner .section {
		background-size: 40%;
	}
	.plans-banner .section p {
		margin-top: 40%;
	}
	.plans-banner a {
		font-size: 1.7em;
	}
	.container-fluid.map {
		padding-top: 50%;
	}
	#home-bg h2.title {
		font-size: 4.2em;
		left: 40%;
	}
	.center-tabs.desktop {
		display: flex;
	}
	.center-tabs.mobile {
		display: none;
	}
	.tarifas .box .sm .info {
		font-size: 0.78em;
	}
	.plans.movil h2 {
		font-size: 2em;
	}
	.plans.movil h3 {
		font-size: 2em;
	}
	.plans.movil .plan-info:before {
		height: 80px;
		width: 35px;
		margin-left: -70px;
	}
	.plans.movil .plan-info .row div:first-child,
	.plans.movil .plan-info .row div:last-child,
	.plans.movil .plan-info .row .pad-top {
		padding: 20px 0;
	}
	.plans.fibra .plan {
		padding-bottom: 60px;
	}
	.plans.fibra h2,
	.plans.fibra h3 {
		font-size: 3em;
	}
	.plans.fibra .plan-info {
		height: 300px;
	}
	.plans.fibra button {
		font-size: 1.6em;
	}
	#a-medida-accordion .card-header:before {
		width: 30px;
		top: 8px;
	}
	#a-medida-accordion .card-header button[data-toggle="collapse"] {
		font-size: 1.3em;
		padding-left: 45px;
	}
	#a-medida-accordion .card-header button[data-toggle="collapse"]:after {
		font-size: 1.4em;
		width: 45px;
	}
	#a-medida button[type="submit"]  {
		font-size: 1.2em;
	}
	.banner-text h2 {
		font-size: 2em;
	}
	.banner-text h3 {
		font-size: 1.8em;
	}
	.tarifas .box .body .bg {
		top: 60px;	
	}
	.tarifa-header h1 {
		font-size: 2em;
	}
	.tarifa-header h2 {
		font-size: 1.8em;
	}
}
@media (min-width: 992px) {
	footer {
		font-size: 1.4em;
	}
	#top-nav #top-text {
		display: inline-block;
	}
	#top-collapse #top-collapse-close {
		right: 25%;
	}
	#main-nav {
		-webkit-transition-duration: 300ms;
		-moz-transition-duration: 300ms;
		-ms-transition-duration: 300ms;
		-o-transition-duration: 300ms;
		transition-duration: 300ms;
		transition-timing-function: ease-in-out;
	}
	#main-nav #navbar {
		box-shadow: none;
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
	}
	#home-bg #navbar {
		-webkit-transition-duration: 100ms;
		-moz-transition-duration: 100ms;
		-ms-transition-duration: 100ms;
		-o-transition-duration: 100ms;
		transition-duration: 100ms;
		transition-delay: 100ms;
		margin-top: 0;
		margin-left: 88px!important;
		margin-right: -60px!important;
		background: none!important;
	}
	#home-bg #main-nav:not(.sticky) #navbar {
		background: none;
	}
	#home-bg #main-nav:not(.sticky) #navbar {
		visibility: hidden;
		display: none;
	}
	#home-bg #main-nav.sticky #navbar {
		visibility: visible;
	}
	#home-bg #main-nav:not(.sticky) .navbar-brand img {
		padding-left: 3%;
	}
	#home-bg #main-nav.sticky .navbar-brand img {
		left: 31px;
	}
	#home-bg #main-nav .navbar-brand img {
		-webkit-transition-duration: 400ms;
		-moz-transition-duration: 400ms;
		-ms-transition-duration: 400ms;
		-o-transition-duration: 400ms;
		transition-duration: 400ms;
		-webkit-transition-timing-function: ease-in-out;
		-moz-transition-timing-function: ease-in-out;
		-ms-transition-timing-function: ease-in-out;
		-o-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		position: absolute;
		left: 43%;
		top: 13px;
	}
	#home-bg #main-nav:not(.sticky) .nav-link {
		color: transparent!important;
	}
	#main-nav .nav-link {
		margin: 0 18px;
	}
	#main-nav .mobile-account {
		display: none;
	}
	#main-nav .desktop-account {
		display: block;
	}
	#home-bg {
		background-position: center 20%!important;
	}
	#home-bg .plans-banner {
		padding-top: 10px;
	}
	#home-bg h2.title {
		font-size: 4.6em;
		left: 50%;
		top: 40%;
	}
	#home-banners h2 {
		font-size: 1.4em;
	}
	#info-empresa .tab-pane {
		height: 610px;
	}
	#info-empresa img.logo {
		margin-top: 10%;
	}
	.plans-banner .col-3 {
		padding: 0 30px;
	}
	.plans-banner .section {
		background-size: 55%;
	}
	.plans-banner .section p {
		margin-top: 55%;
	}
	.container-fluid.map {
		padding-top: 40%;
	}
	.cobertura-permanencia h2 {
		font-size: 3.4em;
	}
	h2.home {
		font-size: 2.8em;
		padding: 5px 30px;
		box-shadow: 3px 8px 0 -3px #000;
	}
	.home-square-box {
		display: flex;
		flex-wrap: wrap;
		align-content: space-evenly;
	}
	.tarifas .box .sm .info {
		font-size: 0.9em;
	}
	.plans.fibra .plan-info {
		height: 220px;
	}
	.plans.movil h2 {
		font-size: 2.4em;
	}
	.plans.movil h3 {
		font-size: 2.4em;
	}
	.plans.movil .plan-info:before {
		height: 90px;
		width: 40px;
		margin-left: -70px;
	}
	.plans.fibra h2,
	.plans.fibra h3 {
		font-size: 2.2em;
	}
	#ver-detalles .modal-dialog {
		max-width: 700px;
	}
	#ver-detalles .modal-content {
		font-size: 1.2em;
	}
	#ver-detalles .modal-content ul {
		margin-bottom: 15px;
	}
	#pedido {
		position: fixed;
		top: 0;
		right: 10px;
		width: 48%;
	}
	.pedido-left {
		width: 50%;
		margin: 0;
	}
	#pedido.tarifa {
		margin-top: 100px;
		width: 43%;
	}
	.pedido-left.tarifa {
		width: 56%;
	}
	.tarifa-header img.bg {
		right: 20%;
	}
	#slider-ofertas h2 {
		font-size: 1.3em;
	}
	.banner-text.movil {
		padding-right: 5%;
	}
	.banner-text h2 {
		font-size: 2.4em;
	}
	.banner-text h3 {
		font-size: 2.2em;
	}
	.tarifas .box .body .bg {
		top: 40px;
	}
}
@media (min-width: 1200px) {
	#main-nav .nav-link {
		margin: 0 30px;
	}
	#home-bg h2.title {
		font-size: 4.6em;
		left: 55%;
		top: 20%;
	}
	.tarifas .box .sm .info {
		font-size: 0.8em;
	}
	.plans.movil h2 {
		font-size: 2.2em;
	}
	.plans.movil h3 {
		font-size: 2.2em;
	}
	.plans.movil .plan {
		padding-right: 20px;
		padding-left: 20px;
	}
	.plans.fibra h2,
	.plans.fibra h3 {
		font-size: 2.6em;
	}
	.plans.fibra .plan-info {
		height: 260px;
	}
	#slider-ofertas h2 {
		font-size: 1.5em;
	}
	#a-medida-accordion {
		font-size: 1.2em;
	}
	.tarifa-header img.bg {
		right: 40%;
	}
	.banner-text h2 {
		font-size: 2.8em;
	}
	.banner-text h3 {
		font-size: 2.6em;
	}
	.tarifas .box .body .bg {
		top: 60px;
	}
}
@media (min-width: 1366px) {
	#top-nav #top-text {
		left: 42%;
	}
	#home-bg h2.title {
		font-size: 4.6em;
		left: 55%;
		top: 25%;
	}
	#pedido {
		width: 38%;
	}
	.pedido-left {
		width: 60%;
		max-width: none;
	}
	#pedido.tarifa {
		width: 30%;
	}
	.pedido-left.tarifa {
		width: 70%;
	}
	.banner-text h2 {
		font-size: 3.4em;
	}
	.banner-text h3 {
		font-size: 3.2em;
	}
}
@media (min-width: 1600px) {
	#home-banners h2 {
		font-size: 1.9em;
	}
	#info-empresa .tab-pane {
		height: 550px;
	}
	#info-empresa img.logo {
		margin-top: 5%;
	}
	.tarifas .box .sm .info {
		font-size: 0.9em;
	}
	.banner-text h2 {
		font-size: 4em;
	}
	.banner-text h3 {
		font-size: 3.7em;
	}
}
@media (min-width: 1920px) {
	#info-empresa {
		background-size: cover;
	}
	.banner-text h2 {
		font-size: 4.8em;
	}
	.banner-text h3 {
		font-size: 4.5em;
	}
}