/* 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(.secondary)> a{line-height: 110px;}
		.navbar.scrolled .navbar-nav li:not(.secondary)>a{line-height: 84px;}
	.navbar .navbar-nav li.secondary> a{margin-left: 20px}
	.navbar .navbar-nav .sub-menu{ position: absolute; left: 0; top: 100%; width: 300px; background-color: #f5f5f5; font-size: 14px; opacity: 0; display: none }
		.navbar .navbar-nav li:hover>.sub-menu{ display: block; opacity: 1}
		.navbar .navbar-nav .sub-menu li{border-bottom: 1px solid rgba(117,127,137,0.5);width: 100%;}
			.navbar .navbar-nav .sub-menu li a{line-height: 32px; display: block; width: 100%; font-size: 14px}
}

@media (max-width: 991px) {
	body:not(.landing){ padding-top: 80px;}
	.navbar .navbar-collapse{ padding: 20px 0; }	
	.navbar .navbar-nav li{display: block; width: 100%; text-align: center;}
		.navbar .navbar-nav li:not(.secondary) a{display: block; width: 100%; }
	.navbar .navbar-nav li.menu-item-has-children .dropitem{right: 20px;}
}

@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: 74px;}
	.topbar .container,
	.navbar .container{max-width:none; }
	.navbar .navbar-brand{ padding: 8px 15px}
		.navbar .navbar-brand img{ max-width: 120px;}
		/*.navbar.scrolled .navbar-brand img{ max-width: 100px;}*/
	.col5 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; margin-bottom: 25px;}
	.productos .sidebar{ height: 36px; overflow: hidden;}
		.productos .sidebar.open{ max-height: 300px; overflow-y:auto; height: auto}
	.openfilter{font-weight: 400; position: relative;}
		.sidebar .openfilter::after{ position: absolute; right: 15px; top: 1px; font-size: 20px; font-family: FontAwesome; content: "\f107"; color:inherit; }
			.sidebar.open .openfilter::after{content: "\f106";}
	.carousel-item{ min-height: 80vh; }
	footer>.container{ padding-top: 40px; }
	footer .daco img {max-width: 120px;}
	.pageheader {padding: 12vw 0;}
	.fixed {background-repeat: no-repeat; background-position: top center;}
	.maingrid{ padding-top: 0;}
	.contacto .col5 i.fa{ font-size: 48px; }
	.contacto .full-width[itemprop="address"]{ padding-top: 0;}
}

@media (max-width: 555px) {
	.navbar .navbar-brand img{ max-width: 180px;}

}

@media (max-width: 480px) {
	.carousel-caption .fs48{font-size: 24px}
	.sideform.active {width: 100%;}

}

@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;}

.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; }