/* Responsive Large */
@media screen and (min-width: 2250px) {

}
/*  */

/* Responsive */
@media screen and (max-width: 1900px) {

}

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

}

@media screen and (max-width: 1700px) {
.rastreoDVL .rastreoHeader {
	padding: 0 13% 25px 13%;
}
}

@media screen and (max-width: 1600px) {
.rastreoDVL .rastreoHeader {
	padding: 0 12% 25px 12%;
}
.rastreoContent .rastreoTimePc {
  padding: 0 20% 25px 20%;
}
.rastreoContent .rasteroTravelPc {
  width: 40%;
  margin: 0 0 0 23%;
}
.rastreoDVL .rastreoHeader h3 {
	font-size: 18.5px;
}
}

@media screen and (max-width: 1500px) {
#intro .backgroundBlue .itemButton {
	width: 55%;
	height: 25vh;
	top: -10vh;
}

#intro .backgroundBlue .itemLegend {
	left: 13%;
	top: -10vh;
}

#intro .backgroundBlue .itemButton .btnAereo,
#intro .backgroundBlue .itemButton .btnTerrestre {
    margin: 60px 0 0 0;
}

.rastreoDVL .rastreoHeader {
  padding: 0 10% 25px 10%;
}

.rastreoDVL {
	height: 45vh;
}

}

@media screen and (max-width: 1400px) {
#intro .backgroundBlue .itemButton {
	width: 60%;
	height: 22.5vh;
	top: -12.5vh;
}

#intro .backgroundBlue .itemLegend {
	left: 12%;
	top: -12.5vh;
}

.rastreoContent .rastreoTimePc {
  padding: 0 15% 25px 15%;
}
.rastreoContent .rasteroTravelPc {
  width: 45%;
  margin: 0 0 0 19%;
}

}

@media screen and (max-width: 1300px) {
.rastreoDVL .rastreoHeader {
    padding: 0 5% 25px 5%;
}
.rastreoDVL .rastreoHeader h3 {
	font-size: 17px;
}
#intro .backgroundBlue .itemLegend {
	left: 5%;
}
#intro .backgroundBlue .itemLegend p {
	font-size: 40px;
}

#intro .backgroundBlue .itemButton {
  width: 66%;
}

}

@media screen and (max-width: 1200px) {
#intro .backgroundBlue .itemButton {
	height: 20vh;
	top: -15vh;
}

#intro .backgroundBlue .itemLegend {
	width: 250px;
	top: -15vh;
	left: 25px;
}

#intro .backgroundBlue .itemButton .btnAereo,
#intro .backgroundBlue .itemButton .btnTerrestre {
    margin: 55px 0 0 0;
}

#intro .backgroundBlue .itemLegend p {
	font-size: 35px;
}

#intro .backgroundBlue .itemButton {
  width: 70%;
}

.rastreoDVL .rastreoHeader {
    padding: 0 50px 25px 50px;
}
.rastreoDVL .rastreoHeader h3 {
	font-size: 16.5px;
}
.rastreoContent .rastreoTimePc {
  padding: 0 10% 25px 10%;
}
.rastreoContent .rasteroTravelPc {
  width: 55%;
  margin: 0 0 0 13%;
}
}

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

}

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

}

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

}

@media screen and (max-width: 992px) {
#intro {
	height: auto;
}

.backgroundBlue {
	position: relative;
	height: auto;
	padding: 175px 10% 150px 10%;
}

#intro .backgroundBlue .itemLegend {
	width: 80%;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: 0 auto;
	text-align: center;
}

#intro .backgroundBlue .itemButton {
	width: 100%;
	height: auto;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: 0 auto;
	text-align: center;
	padding: 65px 0 0 0;
}

#intro .backgroundBlue .itemButton .btnAereo {
    margin: 65px 0 0 0;
}

.rastreoDVL {
	height: 100%;
}
.rastreoDVL .rastreoHeader h3 {
  font-size: 20px;
	padding: 0 0 25px 0!important;
}
.rastreoDVL .btnRastrear {
	width: 70%;
}
}

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

}

@media screen and (max-width: 800px) {
.backgroundBlue {
	padding: 175px 5% 150px 5%;
}
}

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

}

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

}

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

}

@media screen and (max-width: 600px) {
#intro .backgroundBlue .itemLegend p {
	font-size: 40px;
	line-height: 50px;
}

#intro .backgroundBlue .itemButton .enviarLink {
	width: 65%;
}

.backgroundBlue {
    padding: 175px 50px 150px 50px;
}

.rastreoDVL .rastreoHeader h3 {
  font-size: 18px;
}
}

@media screen and (max-width: 500px) {
#intro .backgroundBlue .itemLegend p {
	font-size: 35px;
	line-height: 45px;
}

#intro .backgroundBlue .itemButton .enviarLink {
	width: 70%;
	font-size: 17px;
}

.backgroundBlue {
    padding: 175px 25px 150px 25px;
}

.rastreoDVL .rastreoHeader {
  padding: 0 30px 25px 30px;
}
.rastreoDVL .rastreoHeader h3 {
  font-size: 17px;
}
.rastreoContent .rastreoTimeMovil h1 {
	font-size: 30px;
}
}

@media screen and (max-width: 400px) {
#intro .backgroundBlue .itemButton .enviarLink {
	width: 80%;
	font-size: 16px;
}

#intro .backgroundBlue .itemLegend {
	width: 100%;
}

.rastreoDVL .rastreoHeader {
  padding: 0 15px 25px 15px;
}
.rastreoDVL .rastreoHeader h3 {
	font-size: 16px;
}
.rastreoContent .rastreoTimeMovil h1 {
	font-size: 27px;
}
}

@media screen and (max-width: 350px) {
#intro .backgroundBlue .itemButton .enviarLink {
	width: 85%;
}

#intro .backgroundBlue .itemLegend p {
   font-size: 30px;
   line-height: 40px;
}

#intro .backgroundBlue .itemButton .btnTerrestre img {
	max-width: 80px;
}

#intro .backgroundBlue .itemButton .btnAereo img {
    max-width: 130px;
    top: 0px;
    left: -30px;
}

.backgroundBlue {
    padding: 175px 0 150px 0;
}

.rastreoDVL .rastreoHeader {
  padding: 0 5px 25px 5px;
}

}

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

}
/*  */