#shipper-video {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1300px) {
	.main-nav .btn-login {
	    margin-left: 0px;
	}	
}

@media screen and (max-width: 1240px) {
	.main-header {
		padding: 20px;
	}
	.main-header #logo svg {
		width: 280px;
	}	
	.main-header.on {
		padding: 10px 20px;
	}
}

@media screen and (max-width: 1170px) {
	.main-nav {
		display: none;
	}
	nav.ml-auto {
		margin-left: inherit !important;
	}
	.menu-mobile-container {
		display: inline-block;
	}
	.slider-text {
		width: 60%;
	}
	.banner-somos {
	    padding: 60px 20px;
	}		
}

@media screen and (max-width: 991px) {
	.funciona li {
	    width: 44%;
	    margin-bottom: 30px;
	}
	.funciona li:nth-child(even):after {
		content: none;
	}
	.destacado-prohibidos a strong {
		border-bottom: none;
	}
	.imagen-traer div {
	    padding-left: 40px;
	}
	.contenido-traer {
	    padding: 70px 50px 10px 50px;
	}
	footer {
		padding: 40px 20px;		
	}				
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 3rem;
	}
	h4 {
		font-size: 2.75rem;
	}	
	.slider-text {
		left: 30px;
		width: calc(100% - 60px);
	}
	.destacado-prohibidos p.small {
		margin: 20px 0 !important;
	}
	.destacado-prohibidos a strong {
		border-bottom: 1px solid #ffffff;
	}
	.imagen-traer div {
	    padding: 80px;
	}	
	.contenido-traer {
	    padding: 50px 50px 10px 50px;
	}
	.destacado-pyme .justify-content-end {
		justify-content: center !important;
	}
	.destacado-pyme p {
		margin-top: 30px;
		padding-left: 3rem!important;
	}
	.banner-somos {
	    padding: 60px 40px;
	}
	.banner-somos img {
		margin-bottom: 30px;
	}
	#shipper-video {
		width: 100%;
		height: 50%;
	}	
}

@media screen and (max-width: 575px) {
	#como-funciona {
		padding: 80px 20px 200px 20px;
	}
	.funciona {
		margin: 40px 0;
	}
	.funciona li {
		width: 100%;
	}
	.funciona li:after {
		content: none;
	}
	#calculadora {
		padding-left: 20px;
		padding-right: 20px;
	}
	.imagen-traer div {
	    padding: 60px 30px;
	}	
	.contenido-traer {
	    padding: 30px 30px 10px 30px;
	}		
}

@media screen and (max-width: 430px) {
	h1 {
		font-size: 2.75rem;
	}
	h4 {
		font-size: 2.5rem;
	}
	.s-36 {
		font-size: 2rem;
	}		
	.main-header, .main-header.on {
	    padding: 10px;
	}	
	.main-header #logo svg {
	    width: 220px;
	}	
	.main-nav li {
		padding: 5px;
	}
	.main-nav.open .sub-menu li:last-child {
	    padding: 5px 0 0 0;
	}	
	.menu-mobile-container {
	    right: 10px;
	}	
	.menu-mobile-container strong {
		display: none;
	}
	.slider-text {
		top: 50%;
	}
	.banner-video {
		padding: 40px 20px !important;
	}
	#como-funciona {
	    padding: 40px 20px 200px 20px;
	}	
	.logo-slider {
	    margin: 30px 0;
	}
	.ventajas {
	    padding: 50px 10px;
	}	
	.destacado-pyme p {
		padding-left: 1rem!important;
		padding-left: 1rem!important;
	}	
	#contacto h1 {
		margin-bottom: 30px;
	}
	#contacto {
	    padding: 50px 0 40px 0;
	}
	.banner-somos {
	    padding: 40px 30px;
	}
	.modal-header {
	    padding: 1rem;
	}	
	.modal-header h5 {
		text-align: center;
	    font-size: 1.8rem;
	    line-height: 1.2;
	}			
}