@media screen and (max-width: 480px){

	.logo{
		margin: 10px auto !important;
		width: 40%;
		float: none !important;
	}

	.menu{
		width: 90%;
		margin: 10px auto;
		float: none !important;
		display: none;
	}

	.selector i{
		margin: 0px !important;
	}

	.op-menu{
		/*border: 2px solid red;*/
		position: absolute;
		right: 30px;
		top: 15px;
		cursor: pointer;
		display: block;
	}

	.bannerh, .fondo{
		height: 100% !important;
	}

	.fondo{
		padding: 0px;
		border-bottom: .5px solid rgba(255,255,255,1)
	}

	.text-banner{
		font-size: 20px;
	}

	.btn-primary.btn-outline{
    	background: #fff;
    	color: #000;
    	font-size: 15px;
    	font-weight: 700;
	}

	.btn-primary.btn-outline:hover{
		color: #000;
	}

	.fa-chevron-right{
		display: none;
	}

	.tit{
		/*border: 2px solid red;*/
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		color: #000;
	}

	.seccion1 br, .seccion2 br{
		display: none;
	}

	.hm{
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}

	.txt-justify, .tits{
		text-align: justify;
	}

	.puntos, .puntos2{
		text-align: center;
		float: none;
	}

	.puntos br, .puntos2 br{
		display: none;
	}

	.tit2{
		text-align: center;
		font-size: 25px;
		font-weight: 700;
		margin-bottom: 15px;
	}

	.fondo2, .banners, .bannerc{
		height: 100%;
	}

	.tits{
		font-size: 14px;
		width: 90%;
	}

	.imagen, .imagen2, .imagen3, .imagen4{
		/*border: 2px solid red;*/
		border-radius: 10px;
		height: 200px;
		margin: 15px auto;
	}

	.salto{
		margin-bottom: 20px;
	}

	.tit-des{
		font-size: 20px;
		text-align: center;
		font-weight: bold;
	}

	.panel-heading{
		background: none !important;
	}

	.panel-heading h1{
		text-align: center;
		font-size: 23px;
		font-weight: bold;

	}

	footer{
		height: 100%;
	}

	footer p{
		width: 95%;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 599px) and (min-width: 481px) {
	.logo{
		margin: 10px auto !important;
		width: 30%;
		float: none !important;
	}

	.menu{
		width: 70%;
		margin: 10px auto;
		float: none !important;
		display: none;
	}

	.selector i{
		margin: 0px !important;
	}

	.op-menu{
		/*border: 2px solid red;*/
		position: absolute;
		right: 30px;
		top: 15px;
		cursor: pointer;
		display: block;
	}

	.bannerh, .fondo{
		height: 100% !important;
	}

	.fondo{
		padding: 0px;
		border-bottom: .5px solid rgba(255,255,255,1)
	}

	.text-banner{
		font-size: 23px;
	}

	.btn-primary.btn-outline{
    	background: #fff;
    	color: #000;
    	font-size: 18px;
    	font-weight: 700;
	}

	.btn-primary.btn-outline:hover{
		color: #000;
	}

	.fa-chevron-right{
		display: none;
	}

	.tit{
		/*border: 2px solid red;*/
		text-align: center;
		font-size: 23px;
		font-weight: 700;
		color: #000;
	}

	.seccion1 br, .seccion2 br{
		display: none;
	}

	.hm{
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}

	.txt-justify, .tits{
		text-align: justify;
	}

	.puntos, .puntos2{
		text-align: center;
		float: none;
	}

	.puntos br, .puntos2 br{
		display: none;
	}

	.tit2{
		text-align: center;
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 22px;
	}

	.fondo2, .banners, .bannerc{
		height: 100%;
	}

	.tits{
		font-size: 14px;
		width: 90%;
	}

	.imagen, .imagen2, .imagen3, .imagen4{
		/*border: 2px solid red;*/
		border-radius: 10px;
		/*height: 200px;*/
		margin: 15px auto;
	}

	.salto{
		margin-bottom: 20px;
	}

	.tit-des{
		font-size: 20px;
		text-align: center;
		font-weight: bold;
	}

	.panel-heading{
		background: none !important;
	}

	.panel-heading h1{
		text-align: center;
		font-size: 26px;
		font-weight: bold;

	}

	footer{
		height: 100%;
	}

	footer p{
		width: 95%;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 799px) and (min-width: 600px) {
	.logo{
		margin: 10px auto !important;
		width: 25%;
		float: none !important;
	}

	.menu{
		width: 60%;
		margin: 10px auto;
		float: none !important;
		display: none;
	}

	.selector i{
		margin: 0px !important;
	}

	.op-menu{
		/*border: 2px solid red;*/
		position: absolute;
		right: 30px;
		top: 15px;
		cursor: pointer;
		display: block;
	}

	.bannerh, .fondo{
		height: 100% !important;
	}

	.fondo{
		padding: 0px;
		border-bottom: .5px solid rgba(255,255,255,1)
	}

	.text-banner{
		font-size: 23px;
	}

	.btn-primary.btn-outline{
    	background: #fff;
    	color: #000;
    	font-size: 18px;
    	font-weight: 700;
	}

	.btn-primary.btn-outline:hover{
		color: #000;
	}

	.fa-chevron-right{
		display: none;
	}

	.tit{
		/*border: 2px solid red;*/
		text-align: center;
		font-size: 23px;
		font-weight: 700;
		color: #000;
	}

	.seccion1 br, .seccion2 br{
		display: none;
	}

	.hm{
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}

	.txt-justify, .tits{
		text-align: justify;
	}

	.puntos, .puntos2{
		text-align: center;
		float: none;
	}

	.puntos br, .puntos2 br{
		display: none;
	}

	.tit2{
		text-align: center;
		font-size: 27px;
		font-weight: 700;
		margin-bottom: 25px;
	}

	.fondo2, .banners, .bannerc{
		height: 100%;
	}

	.tits{
		font-size: 14px;
		width: 90%;
	}

	.imagen, .imagen2, .imagen3, .imagen4{
		/*border: 2px solid red;*/
		border-radius: 10px;
		width: 80%;
		height: 250px;
		margin: 15px auto;
	}

	.salto{
		margin-bottom: 20px;
	}

	.tit-des{
		font-size: 20px;
		text-align: center;
		font-weight: bold;
	}

	.panel-heading{
		background: none !important;
	}

	.panel-heading h1{
		text-align: center;
		font-size: 26px;
		font-weight: bold;

	}

	footer{
		height: 100%;
	}

	footer p{
		width: 95%;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 800px) {


	.bannerh, .fondo{
		height: 100% !important;
	}

	.fondo{
		padding: 0px;
		border-bottom: .5px solid rgba(255,255,255,1)
	}

	.text-banner{
		font-size: 23px;
	}

	.btn-primary.btn-outline{
    	background: #fff;
    	color: #000;
    	font-size: 18px;
    	font-weight: 700;
	}

	.btn-primary.btn-outline:hover{
		color: #000;
	}


	

	.seccion1 br, .seccion2 br{
		display: none;
	}

	.hm{
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}

	.section .container{
		width: 100%;
	}

	.txt-justify, .tits{
		text-align: justify;
	}

	.puntos, .puntos2{
		text-align: center;
		float: none;
	}

	.puntos br, .puntos2 br{
		display: none;
	}

	.tit, .tit2{
		margin-bottom: 40px;
	}

	.fondo2, .banners, .bannerc{
		height: 100%;
	}

	.tits{
		font-size: 14px;
		width: 90%;
	}

	.imagen, .imagen2, .imagen3, .imagen4{
		/*border: 2px solid red;*/
		border-radius: 10px;
		width: 80%;
		height: 250px;
		margin: 15px auto;
	}

	.salto{
		margin-bottom: 20px;
	}

	.tit-des{
		font-size: 20px;
		text-align: center;
		font-weight: bold;
	}

	.panel-heading{
		background: none !important;
	}

	.panel-heading h1{
		text-align: center;
		font-size: 26px;
		font-weight: bold;

	}

	footer{
		height: 100%;
	}

	footer p{
		width: 95%;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {      /* mac*/
}
@media screen and (max-width: 1366px) and (min-width: 1024px) { }

@media screen and (min-width: 1367px) { }