.header_area .nav-brand img {max-height: 64px}
.header_area .classy-navbar {padding-left: 42px; min-width: 64%; width: 65%; flex: 0 0 65%}
.header_area .header-meta {min-width: 35%; width: 35%; flex: 0 0 35%}
.header_area .search-area form input {width: 280px}
.modal-backdrop {z-index: 800}
#categorias .modal-dialog {margin: 100px 0 0 42px}
#categorias .modal-dialog a {font-size: 0.8rem}
#categorias .modal-dialog small a {text-transform: uppercase; font-weight: 600}
#categorias .prinCat ul li {display: block;}
#categorias .prinCat a {font-weight: 600; font-size: 0.8rem; display: block; padding: .5rem 1rem}
#categorias a:hover {color: #e00000}
#categorias .tab-pane ul {margin-bottom: 1rem}
#categorias .tab-pane ul li {list-style: disc inside}
#categorias .tab-pane ul li a {font-weight: 400}
#categorias #intro {height: 100%; min-height: 65vh; background-image: url(img/bg-cats.png); background-repeat: no-repeat; background-position: right bottom; background-size: 65% auto}

.hero-slider .hs-item {height:600px; background-size:auto 100%; background-position:center center; background-repeat:no-repeat}
.single-product-wrapper .product-img {text-align:center}
.single-product-wrapper .product-img img, .single-product-wrapper .product-img .hover-img {max-height:200px; width:auto;}
.barra {text-align:center}
.barra a {padding:1rem; background-color:rgba(233,0,0,0.78); box-shadow:inset 0px -4px 0px #e90000}

@media (max-width: 767px) {
	.classy-navbar .nav-brand {width: 120px; height: 40px; background-image: url(/img/ferremobil-logotipo-movil.jpg); background-size: auto 100%; position:absolute; margin: 0 0 0 60px}
	.header_area .nav-brand img {display:none}
	/*.header_area .search-area form input {width:90px}*/
	.header_area .classy-navbar {min-width:30%; width:30%; flex:0 0 30%; padding-left:0px}
	.header_area .header-meta {min-width:70%; width:70%; flex:0 0 70%}
	.hero-slider .hs-item {height: 90vh}
	.header_area .classy-nav-container .classy-navbar-toggler {margin:0 0 0 10px}
	.barra {text-align:left}
	.barra a {padding:0.6rem}
	.header_area .search-area form input {width:420px}
	.header_area .search-area form input:focus {width:240px}
}

@media (max-width: 575.98px) {
	.hero-slider .hs-item {height: 25vh}
	.header_area .search-area form input {width: 170px}
	.hero-slider .owl-item a {
		display: block;
		position: absolute;
		width: 100%;
		height: 220px;
		top: 0;
		left: 0;
	}
}

.breakpoint-on .classynav ul li a {height: auto}
.classynav ul.collapse {background-color: #f4f4f4}
.classynav .dropdown ul.collapse li a {border-bottom: 1px solid White}

#info #descripcion, #info #dimensiones, #info #especificaciones, #info #archivos, #info #preguntas, #info #reviews, #info #video {padding: 3rem 0; border-bottom: 1px dashed #ccc}
#info h3 {border-left: 4px solid #cc0000; padding-left: 1rem}


.header_area .classynav .nav-link {}

.megamenu {
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden
}

#mecaCats {}

#megaCats li a {
	font-size: 0.75rem;
	color: White;
	letter-spacing: -0.035rem
}

#megaCats li a .lead {
	opacity: 0.65
}

#megaCats li a:hover .lead {
	opacity: 1;
}

#megaCats li a.active {
	color: Yellow
}

.megamenu img {
	max-width: 38px;
	max-height: 38px;
	float: left;
	filter: grayscale(1);
	opacity: .65
}

.megamenu a:hover img,
.megamenu a:active img,
.megamenu a:visited img {
	opacity: 1;
	filter: grayscale(0);
}

.megamenu .titulolista {
	display: block;
	min-height: 48px;
	border-bottom: 0px solid #f1f1f1
}

.megamenu .tab-content .col-auto {
	min-width: 20%;
	max-width: 20%
}

.classynav ul li .megamenu a {
	line-height: .75rem;
	padding: 0
}

.classynav ul li .megamenu a small {
	display: block;
	float: left;
	width: 64%;
	margin: .65rem 0 0 12px;
	color: Black
}

.classynav ul li .megamenu a:hover small {
	color: #DC3545
}

.moar .titulolista a::before {
	content: '▼';
	position: absolute;
	display: block;
	margin: 0 0 0 80%;
	padding-top: .75rem;
	font-size: .65rem
}

.classynav ul li .megamenu .moar ul {
	padding: 1rem;
	background-color: #f1f1f1;
	margin-top: -1rem;
	margin-bottom: 1rem;
	border-radius: 0 0 1rem 1rem
}

.classynav ul li .megamenu .moar ul li a {
	font-size: .75rem;
	padding: .5rem 0;
	height: auto
}

@media (min-width: 992px) {
	.classynav .movilCats {
		display: none
	}
}

@media (max-width: 991.98px) {
	.classynav .menuResponsivo {
		display: none !important
	}

	.classynav .movilCats {
		display: block
	}

	.header_area .classynav .movilCats a {
		height: auto !important;
		line-height: 2rem
	}
}