@media (max-width: 375.98px) {
    #contenedor{
		padding: 0 2%;
	}
	.col-1 {
		margin-left: 25%
	}
	header .container-fluid {
		padding: 6px 3% !important;
	}
	.logo{
		padding-left: 0;
		padding-right: 0;
	}
	#socialButton{
		display: none;
	}
	#socialButton{
		padding-left: 15px;
		padding-right: 0;
	}
	#socialButton a{
		padding: 0 4px;
	}
	#enanos{
		display: block !important;
	}
	.bs-docs-sidebar {
    height: 95vh;
    top: 8%;
	}
	#menuLateral {
		min-width: 100%;
		max-width: 100%;
		margin-left: -105%;
    }
	#content.active{
		min-width: 100%;
		width: 100%;
		margin-right: -50%
		transform: none;
	}
	h1,h2,h3,h4,h5{
		font-size: 1.2rem;
	}
	.pr-menu{
		padding-right: 0 !important;
	}
}

@media (min-width: 376px) and (max-width: 575.98px) {
    #contenedor{
		padding: 0 2%;
	}
	header .container-fluid {
		padding: 6px 3% !important;
	}
	.logo{
		padding-left: 0;
		padding-right: 0;
	}
	#socialButton{
		padding-left: 15px;
		padding-right: 0;
	}
	#socialButton a{
		padding: 0 4px;
	}
	.bs-docs-sidebar{
		height: 95vh;
		top: 8%;
	}
	#menuLateral {
		min-width: 100%;
		max-width: 100%;
		margin-left: -105%;
    }
	#content.active{
		min-width: 100%;
		width: 100%;
		margin-right: -50%
		transform: none;
	}
	.pr-menu{
		padding-right: 0 !important;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #contenedor{
		padding: 0 2%;
	}
	header .container-fluid {
		padding: 6px 3% !important;
	}
	.logo{
		padding-left: 0;
		padding-right: 0;
	}
	#socialButton{
		padding-left: 15px;
		padding-right: 0;
	}
	#socialButton a{
		padding: 0 4px;
	}
	.bs-docs-sidebar{
		height: 95vh;
		top: 8%;
	}
	#menuLateral {
		min-width: 100%;
		max-width: 100%;
		margin-left: -105%;
    }
	#content.active{
		min-width: 100%;
		width: 100%;
		margin-right: -50%
		transform: none;
	}
	.pr-menu{
		padding-right: 0 !important;
	}
 }

@media (min-width: 768px) and (max-width: 1023.98px) and (-webkit-min-device-pixel-ratio: 1){
	#contenedor{
		padding: 0 2%;
	}
	#sidebar .nav-item{
	  margin-left: 1rem !important;
	  margin-right: 1rem !important;
	}
	header .container-fluid {
		padding: 6px 5%;
	}
	#socialButton a{
		padding: 0 4px;
	}
	.bs-docs-sidebar{
		height: 95vh;
		top: 8%;
	}
	.pr-menu{
		padding-right: 0 !important;
	}
}

@media (min-width: 980px) and (max-width: 1199.98px) {
	header .container-fluid {
		padding: 6px 20px;
	}
	header nav{
		padding-left: 0 !important;
	}
	header nav ul{
		font-size: 0.9rem;
		padding-left: 0 !important;
	}
	header ul .btn{
		font-size: 0.9rem;

	}
	#contenedor{
		padding: 0 2%;
	}
	.bs-docs-sidebar {
		min-width: 28%;
		top:8% !important;
	}
	#sidebar{
		padding-top: 2rem !important;
	}
	#tituloSidebar {
		min-width: 24% !important;
		max-width: 24% !important;
	}
	p{
		line-height:1.5em;
		font-size:1rem;
	}
	#tituloSidebar p{
		font-size: .8rem
	}
	h1{
		font-size:2rem
	}
	h2{
		font-size:1.5rem
	}
	h3{
		font-size:1.2rem
	}
	h4{
		font-size:1rem
	}
	h5{
		font-size:1rem;
		line-height: 1.4em;
	}
	#content ul, #content ol{
		font-size:1rem;
		line-height: 1.5em;
	}
	.pr-menu{
		padding-right: 0 !important;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
	header .container-fluid {
		padding: 6px 20px;
	}
	#contenedor{
		padding: 0 2%;
	}
	.bs-docs-sidebar {
		min-width: 20%;
	}
	#tituloSidebar {
		min-width: 24% !important;
		max-width: 24% !important;
	}
	p{
		line-height:1.5em;
		font-size:1rem;
	}
	#tituloSidebar p{
		font-size: .9rem
	}
	h1{
		font-size:2rem
	}
	h2{
		font-size:1.5rem
	}
	h3{
		font-size:1.2rem
	}
	h4{
		font-size:1rem
	}
	h5{
		font-size:1rem;
		line-height: 1.4em;
	}
	#content ul, #content ol{
		font-size:1rem;
		line-height: 1.5em;
	}
	.pr-menu{
		padding-right: 0 !important;
	}
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
	header .container-fluid {
		padding: 6px 5%;
	}
	p{
		line-height:1.5em;

	}
	h1{
		font-size:2.3rem
	}
	h2{
		font-size:1.8rem
	}
	h3{
		font-size:1.5rem
	}
	h4{
		font-size:1.2rem
	}
	h5, #content ul, #content ol{
		font-size:1rem;
		line-height: 1.5em;
	}
	#contenedor {
		padding: 0 2%;
	}
	.pr-menu{
		padding-right: 0 !important;
	}
}

@media screen and (min-width: 1600px) {
  header .container-fluid {
    padding: 6px 5%;
  }
  #contenedor {
    padding: 0 2%;
  }
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
	header .container-fluid {
		padding: 6px 20px;
	}
	header ul{
		font-size: 0.7rem;
	}
	header ul .btn{
		font-size: 0.7rem;

	}
	#contenedor{
		padding: 0 2%;
	}
	.bs-docs-sidebar {
		min-width: 28%;
		height: 95vh;
		top: 25% !important;
	}
	#tituloSidebar {
		min-width: 24% !important;
		max-width: 24% !important;
		top: 82px;
	}
	p{
		line-height:1.5em;
		font-size:1rem;
	}
	h1{
		font-size:2rem
	}
	h2{
		font-size:1.5rem
	}
	h3{
		font-size:1.2rem
	}
	h4{
		font-size:1rem
	}
	h5{
		font-size:1rem;
		line-height: 1.4em;
	}
	#content ul, #content ol{
		font-size:1rem;
		line-height: 1.5em;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2.0){
	.bs-docs-sidebar {
		top: 10% !important;
	}
}
/* for Nexus 10 portrait */ @media only screen and (min-width: 750px) and (-webkit-min-device-pixel-ratio: 2.0) and (-webkit-max-device-pixel-ratio: 2.0){
	.bs-docs-sidebar {
		top: 8% !important;
	}
}
@media screen and (max-width: 1023.98px) and (-webkit-min-device-pixel-ratio: 1){
	#sidebar .nav-item{
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
}