/*-- RESPONSIVE --*/
@media only screen and (min-width: 1200px) {
	.margin-principal {
		margin-top: 140px;
	}
}
@media screen and (max-width: 1199px) {
	.main-navigation .searchcont{position: absolute;    right: 30px;}
	.margin-principal {
		margin-top: 0px!important;
	}
	.dropdown-item {
		border-bottom: 0;
	}
	.margin-principal.extramargin {
		margin-top: 0!important;
	}
	.breadcrumbcontainer {
		margin-top: 25px;
		/*position: relative!important;
		top: 0;*/
	}
	.has-sticky-header .breadcrumbcontainer {
		top: 0;
	}
	#acabados {
		padding: 30px 0;
	}
	#contactos h2 {margin-top: 25px;}
	
}
@media only screen and (max-width: 991px) {
	.menuuser0 .nav-item > a{pointer-events: all;}
	.nav-item .dropdown-menu {padding: 5px 15px 8px !important;margin-top: 40px !important; height: 0; opacity: 0 !important; visibility: hidden !important;}
	.nav-item .dropdown-menu.show{max-height: 200px;		height: 100px; opacity:1 !important; visibility: visible !important;}
	#slider .blackbox {
		width: max-content;
		display: flex;
		bottom: 12%;
		left: 50%;
		transform: translate(-50%, -12%);
	}
	#slider .blackbox p {
		padding: 5px 15px;
		font-size: 12px;
	}
	.cbp-af-header.cbp-af-header-shrink .nav-item, .nav-item {
		padding: 5px 0 0 0;
		margin: 0;
	}
	.navbar-collapse .navbar-nav {
		/*background: #ece8d3;*/
	}
	.main-navigation .dropdown-menu{background-color: #fff;}
	.main-navigation ul li.nav-item {
		margin: 10px 20px;
		padding: 0
	}
	.navbar-light .navbar-nav .nav-link {
    	font-size: 22px;
	}
	.main-navigation .dropdown-menu {
    	padding: 0!important;
	}
	.main-navigation .searchcont {
   		display: block;
		margin: 10px 20px;
	}
	.main-navigation .searchcont .search-form .icon-input {
		padding: 0 10px 0 0;
	}
	.individualbanner1 figure {
		max-height: 200px;
		overflow: hidden;
	}
	#projects .product-list .item {
	    max-height: 350px;
    	overflow: hidden;
	}
	#formfitxa {
		max-width: 90% !important;
		margin-left: 25px;
	}
	header .lock-container {    padding: 0 30px;}
	.main-navigation .searchcont {		position: relative;}
	footer .col-sm-12.bloque {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 15px 15px 0 25px;
	}
	footer .col-sm-12 .intsocial {justify-content: left; padding-left: 20px;}
	footer .col-sm-12 p {text-align: left !important;}
	#contentfitxa h1 {font-size: 28px !important; margin-top: 6vw; margin-bottom: 0 !important;}
	#contentfitxa .bloque:nth-child(2) {padding-left: 15px;}
}
		
@media only screen and (max-width: 797px) {
	#accordion-cookies .card .card-header h3 {width: auto;}
	#slider div {
		padding: 0;
	}
	#projects .product-list .item {
	    max-height: 250px;
    	overflow: hidden;
	}
	#parallax .parallaxbox {
		padding: 40px 0;
	}
	#acabados input[type="radio"] {
		width: 50px;
		height: 50px;
	}
	#catdescription > div {  column-gap: 30px;}
	.cabecera h2{text-shadow: 1px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px 0px 0 #FFFFFF, 0px 1px 0 #FFFFFF, -1px 0px 0 #FFFFFF, 0px -1px 0 #FFFFFF;}
	table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table td {
    border-bottom: 0 !important;
    display: block;
    font-size: .8em;
    text-align: center;
  }

  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
	table p {margin: 0;}
	.btn { padding: 0 15px;}
}
.showmobile{display: none;}
@media screen and (min-width: 481px) {
	
}
@media screen and (max-width: 480px) {
	.modal-body { min-height: 70vh;}
	#accordion-cookies .card .card-header h3 {width: auto;}
	#contentfitxa {		margin-top: 0;	  }
	#contentfitxa .imgCol .splitter{display:none; }
	.link-carrito.btn-icon-transparent{margin-top: 8px;}
	#logo, #idiomes {padding-right: 0; padding-left: 0;}
	.shopicons {padding-left: 0;}
	.extratop .lock-container #idiomes .col-4 {flex: 0 0 50%;max-width: 50%;}
	ul.idiomes > li a {font-size: 14px;}
	.link-carrito i {font-size: 25px;line-height: 25px;}
	.menuuser0 .data .fa-user-o {font-size: 20px;}
	
	#slidehome .img-fluid {max-width: 192% !important; display: flex; width: 192% !important;}
	.breadcrumb ul li:first-child{/*display:none;*/}
	.showmobile{display: block!important;}
	.hiddenmobile{display:none!important;}
	.container > .row#clientes, .col-12 > .row#clientes, .row#clientes {
		margin-left: -15px!important;
		margin-right: -15px!important;
	}
	#acabados .acabados {margin-left: 1em;}
	.breadcrumb {			}
	p {
		line-height: 1.4;
	}
	#fitxes .col-3 {
		flex: 100%;
		max-width: 100%;
	}
	#bannershome{margin-top:15px}
	#bannershome .col-12,#index #projects .col-12{padding: 0;}
	#index .fondogris{padding-left: 0; padding-right: 0;}
	#index .fondogris .col-12{padding: 0;}
	.margin-principal .col-12{padding: 0;}
	#index .margin-principal .descobrir .col-12{padding: 0;}
	#contentfitxa .col-12{padding: 0;}
	#bannerscategory .col-12{padding: 0;}
	#bannerscategory .col-6{padding: 0 7px;}
	#index .margin-principal .descobrir h2{    font-size: clamp(20px,2vw,40px);    line-height: normal;}
	.descobrir p {    font-size: clamp(16px,2vw,22px);}
	.order1{order:1}
	.order0{order:0}
	.order2{order:2}
	.order3{order:3}
	.order4{order:4}
	.order5{order:5}
	.order6{order:6}
	.order7{order:7}
	.order8{order:8}
	footer .col-sm-12.bloque { flex: 0 0 100%;max-width: 100%;padding: 15px 0 0 0;}
	footer .col-sm-12 .intsocial {padding-left: 0;}
	#footer .fullwidth.bloc .container,#footer .fullwidth.bloc .col-6{padding: 0!important;}
	#footer p, #footer a, #footer input, #footer label {    font-size: 13px;}
	#footer #mailchimpform form {  padding: 0;}
	#footer big {  margin-top: 10px;  display: block;  margin-bottom: 5px;}
	#catdescription > div {  column-count: 1;  column-gap: 0px;}
	header .lock-container {    padding: 0 0px;}
	#parallax .col-12{padding:0;}
	.copyrow p{padding: 15px 0;}
	.nopadmb{padding: 0 7px;}
	.nopadmob .col-12{padding: 0 0px;}
	#index .product-list .item {    padding: 0 7px;}
	#index .product-list.item {    margin-bottom: 15px!important;}
	.product-list .item {    margin-bottom: 30px!important; padding: 0px!important;}
	#landingcategory .margin-principal .col-12{padding: 0;}
	.nopadfoto{padding: 0 15px;}
	.nopadfoto .info{margin-top:15px;}
	#bannerscategory .row{justify-content: center;}
	#bannerscategory h3 a{    font-size: clamp(16px,2vw,24px);    text-align: center;    line-height: normal;    padding: 15px;    margin: 0 auto;
    font-weight: 400;}
	#combinats h2{margin-top:30px;}
	.margin-principal .col-12{padding: 0;}
	#cataloglist .btn{margin-top:10px; margin-bottom:30px;}
	#contentfitxa .bloque:nth-child(2) {padding-left: 0;}
	label {font-size: 14px;}
	#continue-address .form-group, #continue-shipment .form-group {padding: 0 7px 20px 0 !important;}

	#contentfitxa #preu .quantity_wanted .button-plus:hover{	animation-name: add-item;	animation-duration: 1s;	animation-timing-function: ease-in;}
	#contentfitxa #preu .quantity_wanted .button-minus:hover{	animation-name: remove-item;	animation-duration: 1s;	animation-timing-function: ease-in;}
	#acceso_usuarios button.close{
		position: relative;
		right: 17px;
	}
	#acceso_usuarios .btn-dark-primary {
		width: fit-content;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.btn.btn-primary, .btn.btn-secondary, .btn.btn-system, .btn.btn-system.comprarbut, .btn.btn-brand, .btn.btn-system.link-carrito, .btn.btn-light-dark, .btn.btn-dark-primary {
		padding: 0.25rem 0.25rem;
		color: #000 !important;
		text-transform: uppercase;
		font-size: 18px;
		transition: all 0.3s;
		position: relative;
		overflow: hidden;
		z-index: 1;
		height: 48px!important;
		line-height: 1em;
		background-color: #fff !important;
		text-decoration: none;
		border: 2px solid black;
	}
	#frm_login div.text-sm-center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#frm_login div p{
		font-size: 15px;
	}
	#frm_recuperar_pwd div.form-group:nth-child(3){
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	div.form-group button.btn-brand {
		width: 50%;
		text-overflow: clip;
		font-size: 14px;
		line-height: normal;
	}
	.titolpaginacontainer div.titolpagina h1{
		font-size: 24px !important;
		font-weight: 500;
	}
	#frm_nuevo_usr .form-group{
		padding: 0 7px !important;
	}
	form label#accept{
		margin: 0;
	}
	#frm_nuevo_usr .btn{
		margin-top: 10px ;
	}
	.nav-item .dropdown-menu.show {
		max-height: 200px;
		height: fit-content;
		opacity: 1 !important;
		visibility: visible !important;
	}
	#comentario-compra label {
		text-align: left;
		flex-direction: column;
	}
	#comentario-compra #comment-shop {
		width: 90%;
		margin: 0 auto;
		height: 35px;
	}
	
	div.cantidad-carrito_button button.button-plus:hover{	animation-name: add-item;	animation-duration: 1s;	animation-timing-function: ease-in;}
	div.cantidad-carrito_button button.button-minus:hover{	animation-name: remove-item;	animation-duration: 1s;	animation-timing-function: ease-in;}
	p.carrito-navegacion{
		gap: 10px;
		justify-content: space-evenly;
	}
	p.carrito-navegacion a.btn{
		width: 40%;
		font-size: 14px;
	}
	table tr {
		border-bottom: 1px solid #ddd;
		display: block;
		margin-bottom: 0;
	}
	.cart_total_price #subtotal_pedido strong, .cart_total_price #total_pedido strong, .cart_total_taxes #taxes strong{
		font-size: 20px;
	}
	#coupon-code{
		border-radius: 0;
		background: #ffffff;
		padding: 0.25rem 0.25rem;
		color: #000 !important;
		text-transform: uppercase;
		font-size: 18px;
		transition: all 0.3s;
		position: relative;
		overflow: hidden;
		z-index: 1;
		height: 48px!important;
		line-height: 1em;
		background-color: #fff !important;
		text-decoration: none;
		border: 2px solid black;
	}
	#intranet .ecomIntranetArea {
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	#linkShop {
		margin-bottom: 0 !important;
	}
	#address-form .botons {
		margin-top: 15px;
		display: flex;
		justify-content: space-evenly;
	}
	#intranet .sending-addresses, #intranet .invoice-addresses{
		display: inline-flex;
		align-items: center;
		margin-bottom: 20px;
	}
	#intranet .sending-addresses h3, #intranet .invoice-addresses h3{
		font-size: 18px;
		width: 50%;
		margin-bottom: 0;
	}
	#intranet .sending-addresses a, #intranet .invoice-addresses a{
		font-size: 12px;	
		width: 50%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#frm_editar_usr .form-group.mt-4{
		display: flex;
		justify-content: space-around;
		gap: 20px
	}
	#frm_editar_pwd .form-group.mt-4 {
		display: flex;
		justify-content: space-around;
		gap: 20px;
	}
	.titolpagina div.page-header-content{
		min-height: unset !important;
		background-size: 0 !important;
	}
	#intranet #s_intranet #solicituds button {
		width: 40%;
		font-size: 16px;
		margin-right: 5%;
	}
	#intranet #s_intranet #solicituds .btn.btn-brand {
		margin-left: 0;
	}
	#logout .btn-user-profile{
		height: auto !important;
	}
}