﻿@media screen and (max-width: 1200px) {
    .cont_centrado{
        width:100%;
    }
}

@media screen and (max-width: 570px) {
    body {
		font-size: 12px;
	}
    .cont_centrado{
        width:100%;
    }
	#animacion{
        background-image: url(../images/slider.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 200px;
		padding-bottom: 30px;
    }
	#donde_iniciar{
		margin-top: 40px;
	}

	#como_elegir p{
		padding: 15px 40px;
	}
	#como_elegir .bullet{
		list-style-type:none;
		
	}
	#como_elegir .bullet li{
		display: flex;
		grid-gap: 2%;
		padding-right: 30px;
		align-items: center;
		width: 100%;
		margin-bottom: 20px;
	}
	#como_elegir .bullet li:nth-child(1):before,#como_elegir .bullet li:nth-child(3):before{
		content:" ";
		background-color: #dcdcdc;
		background-image: url(../images/tache.png);
		background-repeat: no-repeat;
		background-position:right center;
    	display: block;
    	height: 20px;
    	width: 28%;
    	background-size: 13%;
		box-shadow: -3px 4px 6px #74747485;
	}

	#como_elegir .bullet li:nth-child(2):before{
		content:" ";
		background-color: #ffbb00;
		background-image: url(../images/estrellablanco.png);
		background-repeat: no-repeat;
		background-position:right center;
    	display: block;
    	height: 20px;
    	width: 28%;
    	background-size: 13%;
		box-shadow: -3px 4px 6px #74747485;
	}

	#como_elegir .bullet li p{
		padding: 0px;
		width: 70%;
	}
	#como_elegir .bullet li p span{
		color: #ffbb00;
	}
	#descripcion .pantallahorz{
		height: 380px;
		display: block;
		position: relative;
		margin-top:50px;
	}
	#descripcion .secc{
		width: 100vw;
		float: left;
		height: 380px;
	}
	#descripcion .txt{
		margin-top:20px;
	}
	#descripcion .col2{
		width:124px;
		float:left;
	}
	#descripcion #sec5 .col1 {
		width: calc(100% - 355px);
		float: left;
	}
	#descripcion #sec5 p{
		font-size: 8px;
	}
	#descripcion .col1{
		width:calc(100% - 124px);
		float:left;
	}
	#descripcion #sec1 p{
		float: right;
		margin-right: 5%;
	}
	#descripcion .btnhornet{
		width:95%;
	}
	#descripcion .btnhornet img{
		width:100%;
	}
    #ventajas .ventajaopc{
        margin-bottom: 0px;
    }
	.prov-godaddy,.prov-google,.prov-neubox,.prov-hostinger{
		display: none;
	}

    #comparativo .tab{
		display: block;
		margin-bottom: 15px;
		height: 30px;
	}
	#comparativo .tab .opprov_soluciona{
		background-color: #ffbb00;
		color:white!important;
	}

	#comparativo .tabla_datos{
		background-color:#aeaeae;
    	float: left;
    	width: 100%;
		border-top: 1px solid #dcdcdc;
	}
	#comparativo table {
		border-collapse: collapse;
		width: 350px;
		font-size: 10px;
		display: block;
		float: right;
	}
	
	#comparativo tr td:nth-child(1),tr th:nth-child(1){
		background-color: #aeaeae;
		width:170px;
		padding: 10px 0px;
		text-align: left;
		padding-left: 10px;
	}
	#comparativo tr th:nth-child(1){
		font-size:12px;
		color:#ffffff;
		text-align: left;
	}

	#comparativo td, #comparativo th {  
		border-bottom: 1px solid #dcdcdc;
		text-align: center;
	}
	#comparativo th{
		height: 35px;
	}
	#comparativo td{
		padding: 3px 0px;
		height: 33px;

	}
	#comparativo table tr th:nth-child(2),#comparativo table tr td:nth-child(2){
		width: 90px;
		background-color: white;
		padding: 0px 0px;
	}
	#comparativo table tr th:nth-child(2){
		background-color:#ffbb00;
		color:white;
	}
	#comparativo table tr th:nth-child(3),#comparativo table tr th:nth-child(4),#comparativo table tr th:nth-child(5),#comparativo table tr th:nth-child(6),#comparativo table tr th:nth-child(7),
	#comparativo table tr td:nth-child(3),#comparativo table tr td:nth-child(4),#comparativo table tr td:nth-child(5),#comparativo table tr td:nth-child(6),#comparativo table tr td:nth-child(7){
		width: 90px;
		background-color: white;
		padding: 0px 0px;
	}
	#comparativo table tr th:nth-child(3),#comparativo table tr th:nth-child(4),#comparativo table tr th:nth-child(6),#comparativo table tr th:nth-child(7){
		padding-top: 12px;
	}
	#comparativo table tr th:nth-child(5){
		padding-top: 5px;
	}
	
	#comparativo td img{
		width: 22px;
		height: auto;
	}

	#paquetes{
		margin-top:100px;
	}
	#paquetes info{
		margin-top: 60px;
		display: block;
	}
	#paquetes info table{
		color:#515151;
		width: 200px;
		margin-bottom: 30px;
	}
	#paquetes info table tr{
		padding: 5px 0px;
		display: flex;
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
	}
	#paquetes info table td:nth-child(1){
		width: 135px;
		display: block;
	}
	#paquetes .bx-viewport{
		height: 575px!important;
	}
	#paquetes .bx-wrapper {
		margin: auto;
		height: 560px!important;
	}
	#paquetes .info_prod{
		width: 360px;
		padding: 50px;
	}
	#migrar .cont_centrado{
		padding: 0px 0px;
	}
	.ux-text-entry-field, .ux-text-entry-suggestion{
		width:157px;
	}
	.home-hero .search-form {
		max-width: 330px;
	}
}