@media (max-width: 1199px) {
	.navbar .container{ max-width: none; }
	.navbar .navbar-brand img{ max-width: 280px;}
	.navbar .navbar-nav li:not(.sociales) a {font-size: 17px;padding-left: 8px;padding-right: 12px;white-space: nowrap;}
}
/* LARGE 1200px */
@media (min-width: 992px) {
	body:not(.landing){ padding-top: 110px;}
	.navbar ul.navbar-nav li{position: relative; display: inline-block;}
	.navbar .navbar-nav li:not(.sociales)> a{line-height: 80px;}
		.navbar.scrolled .navbar-nav>li:not(.sociales)>a{line-height: 54px;}
	.navbar .navbar-nav .sub-menu{ position: absolute; left: 0; top: 100%; width: 300px; background-color: transparent; font-size: 14px; opacity: 0; display: none }
		.navbar .navbar-nav li:hover>.sub-menu{ display: block; opacity: 1}
		.navbar .navbar-nav .sub-menu li{width: 100%;}
					.navbar .navbar-nav .sub-menu li .dropitem i{transform:rotate(-90deg)}

			.navbar .navbar-nav .sub-menu li a{line-height: 32px; display: block; width: 100%; font-size: 15px;background-color: #672529; color: #fff; margin-bottom: 3px; font-weight: 400}
				.navbar .navbar-nav .sub-menu li:hover a,
				.navbar .navbar-nav .sub-menu li a:hover{background-color: #efefef; color: #672529;}


	.navbar .navbar-nav .sub-menu .sub-menu{ position: absolute; left: 100%; top: 0%; width: 300px; background-color: transparent; font-size: 14px; opacity: 0; display: none }
		.navbar .navbar-nav .sub-menu li:hover>.sub-menu{ display: block; opacity: 1}
			.navbar .navbar-nav .sub-menu .sub-menu li a{line-height: 32px; display: block; width: 100%; font-size: 15px;background-color: #672529; color: #fff; margin-bottom: 3px; font-weight: 400}

}

@media (max-width: 991px) {
	body:not(.landing){ padding-top: 120px;}
		.navbar .navbar-brand img{ max-width: 230px;}
			.navbar.scrolled .navbar-brand img{ max-width: 210px;}
	.navbar .navbar-collapse{ padding: 20px 0; }	
	.navbar-toggler:focus {outline:none;}
	.navbar .navbar-nav li{display: block; width: 100%; text-align: center;position:relative; border-bottom: 1px solid #ccc;}
		.navbar .navbar-nav li:not(.secondary) a{display: block; width: 100%; }

	.navbar .navbar-nav li.menu-item-has-children{padding-right: 0}
	.navbar .navbar-nav li.menu-item-has-children .dropitem {top: 0;right: 20px;transform: none; width: 32px; border: 1px solid #ccc; height: 36px}
	

	.navbar .navbar-nav .sub-menu{ display: none }
	
	
		.navbar .navbar-nav>li:not(.sociales)>a {line-height: 36px; text-transform: uppercase;}
			.navbar .navbar-nav>li:not(.sociales)>.sub-menu li a {line-height: 32px; text-transform: none; font-weight: 500}
			.navbar .navbar-nav>li:not(.sociales)>.sub-menu .sub-menu li a {line-height: 28px; text-transform: none; font-weight: 300; color: #000}


		.navbar .navbar-nav li.sociales a {width: 32px; margin: 0 3px; display: inline-block;}
		
	
	.carousel-caption {padding-bottom: 100px; }
	.slider .buscador {bottom: 0px;padding: 15px 0;}
}

@media (min-width: 768px) {
	.col5 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	
}

/* SMALL 768 */
@media (max-width: 767px) {
	body:not(.landing){ padding-top: 100px;}
	.navbar .container{max-width:none; }
		.navbar .navbar-brand img{ max-width: 200px;}
			.navbar.scrolled .navbar-brand img{ max-width: 180px;}

	.carousel-caption {padding-bottom: 250px; }
	.slider .buscador {bottom: 0px;padding: 10px 0;}


}

@media (max-width: 600px) {
	.slogan::before{  background-size:cover; height: 35% }
	.navbar .navbar-brand img{ max-width: 180px;}
	
}

@media (max-width: 480px) {



}

@media (max-width: 360px) {
	.navbar .acciones a:not(.btn) {padding-left: 28px;margin-right: 4px;height: 28px;}
	.navbar .acciones .icon{width: 28px;height: 28px;background-size:28px;}
		.col5 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; margin-bottom: 25px; }

}


/* Fonts */
.fw300,.light{ font-weight: 300;}
.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw600{ font-weight: 600;}
.fw700,strong{ font-weight: 700;}
.fw800{ font-weight: 800;}
.fw900{ font-weight: 900;}

.fs72{ font-size: calc(36px + (72 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs64{ font-size: calc(32px + (64 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs60{ font-size: calc(36px + (60 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs52{ font-size: calc(28px + (52 - 32) * ((100vw - 300px) / (1600 - 300)));}

.fs48{ font-size: calc(26px + (48 - 26) * ((100vw - 300px) / (1600 - 300)));}

.fs42{ font-size: calc(25px + (42 - 28) * ((100vw - 300px) / (1600 - 300)));}
.fs40{ font-size: calc(25px + (42 - 27) * ((100vw - 300px) / (1600 - 300)));}
.fs38{ font-size: calc(25px + (38 - 26) * ((100vw - 300px) / (1600 - 300)));}
.fs36{ font-size: calc(24px + (36 - 25) * ((100vw - 300px) / (1600 - 300)));}
.fs32{ font-size: calc(23px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));}

.fs30{ font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300)));}

.fs28{ font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300)));}
.fs26{ font-size: calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));}
.fs24{ font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));}
.fs22{ font-size: calc(19px + (22 - 19) * ((100vw - 300px) / (1600 - 300)));}
.fs20{ font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));}

.fs18{ font-size: 18px; }
.fs16{ font-size: 16px; }
.fs14{ font-size: 14px; }
.fs13{ font-size: 13px; }
.fs12{ font-size: 12px;}

.lh100{ line-height: 100%;}
.lh110{ line-height: 110%;}
.lh120{ line-height: 120%;}
.lh130{ line-height: 130%;}
.lh150{ line-height: 150%;}
.lh180{ line-height: 180%;}
.lh24{ line-height: 24px; }

