/* lg */ 
@media (min-width: 1200px) and (max-width: 1800px) {
    .carousel-caption {
        left: 177px;
        width: 860px;
        top: 35px;
    }
    .carousel-caption-bottom {
        top: 250px;
    }
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {

    .social-header {
        padding-left: 0;
    }
    .social-header li {
        margin: 0 4px;
    }
    .nav>li>a {
        padding: 10px 7px;
    }
    .navbar-inverse .navbar-nav>li>a {
        font-size: 13px;
    }
    .carousel-caption {
        left: 75px;
        width: 815px;
        top: 15px;
    }
    .carousel-caption-top-left {
        top: 109px;
    }
    .pad-left-caption {
        padding-left: 48px;
    }
    .carousel-caption {
        left: 160px;
    }
    .carousel-caption-center {
        top: 80px;
        left: 290px;
    }
    .carousel-caption-top-center {
        top: 90px;
    }
    .txt-caption-lg {
        font-size: 20px;
    }
    #slider-modelos {
        height: 211px;
    }
    .bg-modelos {
        padding: 45px 45px;
    }.bg-home-banner {
        background-position: 0 0;
        padding: 145px 0 153px;
    }
    .tile-home {
        min-height: 293px;
    }
    .ul-sub li a {
        font-size: 13px;
    }
    .navbar-header {
        width: 25%;
    }
    .bg-topografia {
        padding: 10px;
    }
    .li-caracteristicas {
        padding-left: 30px;
    }
    .carousel-caption-top-left-2 {
        width: 400px;
    }
    .pad-pres {
        padding: 35px 15px;
    }
    .carousel-caption-center-left {
        top: 125px;
        width: 190px;
    }
    .panel-default>.panel-heading {
        width: 60%;
    }
    .soporte-cap {
        width: 450px;
        top: 30px;
    }
    .tienda-cap {
        bottom: 60px;
    }
    .registro-cap-tab {
        width: 560px;
    }
    .pad-ban {
        padding: 23px 15px 4px 15px;
    }
    .bg-app-new {
        background: url('../img/bg-banner-app-new.jpg') no-repeat 30% 0;
        padding: 480px 0 100px 100px;
    }

}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {

    .bg-header {
        background: url('../img/bg-header.jpg') repeat 50% 0;
    }
    .navbar {
        height: 168px;
    }
    .nav>li>a {
        padding: 10px 7px;
    }
    nav.navbar.shrink {
        height: 70px;
    }
    nav.shrink .navbar-brand img {
        margin-top: 15px;
    }
    nav.shrink a {
        font-size: 12px;
    }
    .navbar-fixed-top {
        position: relative;
        top: auto;
    }
    .navbar-collapse {
        max-height: none;
    }
    body {
        margin: 0;
        padding: 0;
    }
    .navbar-brand {
        height: 20px;
        padding: 10px 15px;
    }
    .carousel-caption {
        left: 80px;
        width: 590px;
        top: 5px;
    }
    .txt-caption-lg {
        font-size: 16px;
    }
    .txt-md {
        font-size: 15px;
    }
    .carousel-indicators {
        bottom: 0px;
    }
    .carousel-caption-bottom {
        bottom: 25px;
        width: 315px;
    }
    .carousel-caption-top-left {
        top: 50px;
        width: 390px;
    }
    .pad-left-caption {
        padding-left: 37px;
    }
    .carousel-caption-top-right {
        top: -7px;
    }
    .carousel-caption-center {
        top: 60px;
        left: 275px;
        width: 215px;
    }
    .carousel-caption-top-left {
        top: 10px;
        width: 390px;
    }
    .pad-left-caption-plus {
        padding-left: 150px;
    }
    .carousel-caption-top-center {
        top: 14px;
    }
    .bg-home-banner {
        background-size: 100%;
        background-position: 0 0;
        padding: 95px 0 98px;
    }
    .social-header {
        padding-left: 0;
    }
    .sub-navbar .navbar-header {
        float: none;
    }
    .sub-navbar .navbar-toggle {
        display: block;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
    }
    .sub-navbar .navbar-collapse { 
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .sub-navbar {
        height: 90px !important;
    }
    .bg-trekking {
        padding-left: 23px;
    }
    .bg-trekking h1 {
        margin: 0;
    }
    .pad-ban {
        padding: 23px 15px 4px 15px;
    }
    .no-mar-tab {
        margin: 0;
    }
    .bg-topografia {
        padding: 0;
    }
    .li-caracteristicas li {
        font-size: 10px;
    }
    .li-caracteristicas {
        padding-left: 30px;
    }
    .carousel-control {
        left: -110px;
    }
    .carousel-control.right {
        right: -110px;
    }
    .carousel-caption-top-left-2 {
        width: 300px;
    }
    .carousel-caption-bottom-left {
        bottom: -10px;
        width: 332px;
    }
    .pad-pres {
        padding: 35px 15px;
    }
    .carousel-caption-center-left {
        top: 80px;
        width: 150px;
    }
    .m-top-tab {
        margin-top: 20px;
    }
    .m-top-sm-md {
        margin-top: 30px;
    }
    .modal-dialog {
        width: 700px;
    }
    .carousel-caption-bottom-left-2 h1,.carousel-caption-bottom-left-2 span {
        font-size: 27px;
    }
    .carousel-caption-bottom-left-2 {
        width: 300px;
    }
    .carousel-caption-top-right-2 h1 {
        font-size: 30px;
    }
    .carousel-caption-top-right-2 {
        top: 65px;
        width: 246px;
    }
    .panel-default>.panel-heading {
        width: 85%;
    }
    .panel-heading {
        padding: 1px 0 10px 17px;
    }
    .panel-heading h3 {
        font-size: 17px;
    }
    .como-caption {
        top: 4px;
        width: 440px;
    }
    .txt-lg {
        font-size: 35px;
    }
    .colab-caption {
        width: 190px;
        top: 25px;
    }
    .soporte-cap {
        width: 340px;
        top: 10px;
    }
    .quienes-cap {
        width: 360px;
    }
    .btn-lg, .btn-group-lg>.btn {
        font-size: 12px;
    }
    .registro-cap-tab {
      width: 560px;
    }
        

}
/* xs */
@media (max-width: 767px) {

	.navbar-brand img {
	    width: 45%;
	    transition: width 0.5s ease;
	}
	.navbar-brand {
	    height: 58px;
	}
	.navbar {
		height: 56px;
	}
	.navbar-fixed-top {
        position: relative;
        top: auto;
    }
    .navbar-collapse {
        max-height: none;
    }
    body {
        margin: 0;
        padding: 0;
    }
    .navbar-collapse, .bg-black-mov {
    	background-color: #111;
    }
    .ul-mov {
    	display: inline-block;
    	vertical-align: top;
	    padding-left: 75px;
    }
    .navbar-collapse {
        text-align: right;
    }
    .nav>li>a {
        padding: 10px 0 5px;
    }
    nav.navbar.shrink .pull-on-shrink {
        margin-left: 180px;
    }
    .ban-bien {
        padding: 27px 15px 30px 15px;
    }
    .m-top-lg {
        margin-top: 25px;
    }
    .m-top-mov {
        margin-top: 20px;
    }
    .no-mar-mov {
        margin: 0;
    }
    .txt-caption-lg {
        font-size: 20px;
    }
    .bg-home-banner {
        background-position: 0 0;
        padding: 20px 0 0px;
    }
    .txt-lg {
        font-size: 34px;
    }
    .gray-mov {
        color: #333;
    }
    .bor-top-bot {
        border: none;
    }
    .txt-center-mov {
        text-align: center;
    }
    .sub-navbar .ul-sub li {
        float: none;
    }
    .sub-navbar .navbar-collapse {
      background-color: rgba(0,0,0,0.6);
      padding-top: 15px;
      text-align: left;
    }
    .sub-navbar .bg-sub {
      background-color: rgba(0,0,0,0.4);
      position: relative;
      z-index: 999;
    }
    .sub-navbar .navbar-toggle {
      float: left;
      padding: 0 0 0 10px;
      margin-top: 5px;
      margin-bottom: 0;
    }
    .ul-sub {
      padding-left: 0;
    }
    .ul-sub li a {
        border: none;
    }
    .bg-header {
        background: url('../img/bg-header.jpg') repeat 50% 0;
    }
    .bg-trekking {
        background-image: url('../img/bg-trekking-mov.jpg');
        padding-left: 23px;
    }
    .bg-trekking h1 {
        margin: 0;
    }
    .pad-ban {
        padding: 23px 15px 15px 15px;
    }
    .carousel-control {
        left: 70px;
        font-size: 80px;
        top: -120px;
        height: 100px;
    }
    .carousel-inner .item {
        height: 136px;
    }
    .carousel-control.right {
        right: 70px;
        height: 100px;
    }
    .m-top-lg-mov {
        margin-top: 70px;
    }
    .pad-pres {
        padding: 35px 15px;
    }
    .modal-dialog {
        width: 350px;
    }
    .modal.in .modal-dialog {
        margin-top: 10px;
    }
    .flip-container, .front, .back {
        margin: 0 auto;
    }
    .panel-default>.panel-heading {
        width: 85%;
    }
    .panel-heading {
        padding: 1px 0 10px 17px;
    }
    .panel-heading h3 {
        font-size: 17px;
    }
    .nav-tabs>li>a {
        padding: 10px 5px 5px;
        font-size: 12px;
    }
    .bg-ban-garmin {
        padding: 20px 15px;
    }
    .custom-height {
        height: 350px;
    }
    .atardecer {
        padding: 30px 15px 75px;
    }
    .no-pad {
        padding: 0 15px;
    }
    .ico-green {
        position: static;
    }
    .navbar-inverse .navbar-nav>li>a.ico-shop {
        font-size: 26px;
    }
    .appslides .carousel-inner {
        height: 435px;
    }
    #slider-amigos .carousel-indicators, #slider-waypoint .carousel-indicators, #slider-track .carousel-indicators, #slider-search .carousel-indicators, #slider-ruta .carousel-indicators, #slider-descarga .carousel-indicators, #slider-manager .carousel-indicators, #slider-waypoint-manager .carousel-indicators {
        bottom: -50px;
    }

}

/* XS Portrait */
@media (max-width: 480px) {

	.navbar-brand img {
	    width: 45%;
	    transition: width 0.5s ease;
	}
	.navbar-brand {
	    height: 58px;
	}
	.navbar {
		height: 56px;
	}
	.navbar-fixed-top {
        position: relative;
        top: auto;
    }
    .navbar-collapse {
        max-height: none;
    }
    body {
        margin: 0;
        padding: 0;
    }
    .navbar-collapse, .bg-black-mov {
    	background-color: #111;
    }
    .ul-mov {
    	display: inline-block;
    	vertical-align: top;
	    padding-left: 35px;
    }
    .navbar-collapse {
        text-align: right;
    }
    .nav>li>a {
        padding: 10px 0 5px;
    }
    nav.navbar.shrink .pull-on-shrink {
        margin-left: 0px;
    }
    .carousel-inner .item {
        height: 136px;
    }
    .ban-bien {
        padding: 27px 15px 30px 15px;
    }
    .m-top-lg {
        margin-top: 25px;
    }
    .txt-caption-lg {
        font-size: 20px;
    }
    .bg-home-banner {
        background-position: 0 0;
        padding: 20px 0 0px;
    }
    .txt-lg {
        font-size: 34px;
    }
    .gray-mov {
        color: #333;
    }
    .bor-top-bot {
        border: none;
    }
    .txt-center-mov {
        text-align: center;
    }
    .sub-navbar .ul-sub li {
        float: none;
    }
    .sub-navbar .navbar-collapse {
      background-color: rgba(0,0,0,0.6);
      padding-top: 15px;
      text-align: left;
    }
    .sub-navbar .bg-sub {
      background-color: rgba(0,0,0,0.4);
      position: relative;
      z-index: 999;
    }
    .sub-navbar .navbar-toggle {
      float: left;
      padding: 0 0 0 10px;
      margin-top: 5px;
      margin-bottom: 0;
    }
    .ul-sub {
      padding-left: 0;
    }
    .ul-sub li a {
        border: none;
    }
    .bg-header {
        background: url('../img/bg-header.jpg') repeat 50% 0;
        padding-bottom: 15px;
    }
    .bg-trekking {
        background-image: url('../img/bg-trekking-mov.jpg');
        padding-left: 23px;
    }
    .bg-trekking h1 {
        margin: 0;
    }
    h1, .h1 {
        font-size: 26px;
    }
    .pad-ban {
        padding: 23px 15px 15px 15px;
    }
    .carousel-control {
        left: 70px;
        font-size: 80px;
        top: -120px;
        height: 100px;
    }
    .carousel-control.right {
        right: 70px;
        height: 100px;
    }
    .m-top-lg-mov {
        margin-top: 70px;
    }
    .pad-pres {
        padding: 35px 15px;
    }
    .modal-dialog {
        width: 350px;
    }
    .modal.in .modal-dialog {
        margin-top: 10px;
    }
    .flip-container, .front, .back {
        margin: 10px auto;
    }
    .carousel-caption-center-2 {
        top: 128px;
    }
    .custom-height-add p {
      font-size: 12px;
    }
    .panel-default>.panel-heading {
        width: 85%;
    }
    .panel-heading {
        padding: 1px 0 10px 17px;
    }
    .panel-heading h3 {
        font-size: 17px;
    }
    .nav-tabs>li>a {
        padding: 10px 5px 5px;
        font-size: 12px;
    }
    .bg-ban-garmin {
        padding: 20px 15px;
    }
    .custom-height {
        height: 350px;
    }
    .atardecer {
        padding: 30px 15px 75px;
    }
    .no-pad {
        padding: 0 15px;
    }
    .ico-green {
        position: static;
    }
    .no-pad-mov {
        padding: 0;
    }
    .tile-home {
        padding: 23px 30px;
        min-height: 160px;
    }
    .navbar-inverse .navbar-nav>li>a.ico-shop {
        font-size: 26px;
    }
    .appslides .carousel-inner {
        height: 435px;
    }
    #slider-amigos .carousel-indicators, #slider-waypoint .carousel-indicators, #slider-track .carousel-indicators, #slider-search .carousel-indicators, #slider-ruta .carousel-indicators, #slider-descarga .carousel-indicators, #slider-manager .carousel-indicators, #slider-waypoint-manager .carousel-indicators {
        bottom: -50px;
    }
}

@media screen and (max-width: 1400px) {
	#home #badges .badge-apple { width: 22rem; }
	#home #badges .badge-google { width: 30rem; }
}

@media screen and (max-width: 1200px) {
	#home #badges .badge-apple { width: 19rem; }
	#home #badges .badge-google { width: 26rem; }
}

@media screen and (max-width: 991px) {
	.badge-appstore {
		width: 86%;
	}
	#presentations .badge-appstore {
		width: 80%;
	}
	#presentations .badge-playstore {
		width: 90%;
	}
}