/*-- 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: 0!important;
	}
	.dropdown-item {
		border-bottom: 0;
	}
	.margin-principal.extramargin {
		margin-top: 0!important;
	}
	.breadcrumbcontainer {
    	position: relative!important;
		top: 0;
	}
	.has-sticky-header .breadcrumbcontainer {
		top: 0;
	}
	#acabados {
		padding: 30px 0;
	}
	.logincol .nav-item{padding: 0 !important;}
	.cbp-af-header.cbp-af-header-shrink .nav-item, .nav-item {
        padding: 0 !important;
        margin: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
	.main-navigation .nav-link::before{content: "" !important;}
	
	.navigation-wrap.cbp-af-header.header-transparent.cbp-af-header-shrink ul.navbar-nav{margin-right: 0% !important;}
	.navigation-wrap.cbp-af-header.header-transparent ul.navbar-nav{margin-right: -13% !important;}
.main-navigation .dropdown-menu { left: -100%;}

}
@media only screen and (max-width: 991px) {
	#slider .blackbox {
		width: max-content;
		display: flex;
		bottom: 12%;
		left: 50%;
		transform: translate(-50%, -12%);
	}
	#slider .blackbox p {
		padding: 5px 15px;
		font-size: 12px;
	}
	
	.navbar-collapse .navbar-nav {
		/*background: #ece8d3;*/
	}
	.main-navigation .dropdown-menu{background-color: #fff;}
	.main-navigation .dropdown-menu {
    	padding: 10px 10px 15px 10px !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;}
	.navigation-wrap.cbp-af-header.header-transparent .logincol{max-height: 50px;}
}
@media only screen and (max-width: 797px) {
	#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;}
}
.showmobile{display: none;}
@media only screen and (max-width: 768px) {
	.nav-item.show .dropdown-menu{display: none;}
	#navbarSupportedContent > ul.navbar-nav > .nav-item:last-child{display: block;}
	#navbarSupportedContent > ul.navbar-nav > .nav-item:last-child button{display: none;}
	#loginmodule{all: unset !important; width: fit-content !important;}
	#loginmodule ul{ margin-left: 0 !important; width: fit-content;}
	#loginmodule ul li{ width: fit-content !important;}
	.logged #loginmodule li{border:1px solid #005b3a; background-color: #005b3a; border-radius:25px;position: relative;padding: 3px 3px 3px 20px !important; font-size: 14px; animation: lazy-kf 1s;}
	.cbp-af-header.cbp-af-header-shrink #loginmodule .nav-item {padding: 3px 3px 3px 20px !important;} 
	.navbar-light .navbar-nav .nav-link span.data:after {content: none;}
	.navbar-collapse .navbar-nav { background: #f7f7f7; padding: 10px 0; border-radius: 6px; width: 50%; }
	.main-navigation ul li.nav-item {margin: 5px 20px 0 20px;padding: 0}
	.cbp-af-header.cbp-af-header-shrink .nav-item, .nav-item {padding: 5px 20px 0 20px;margin: 0;}
	.cbp-af-header.cbp-af-header-shrink .nav-item, .nav-item { padding: 10px 0; margin: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
	.navigation-wrap.cbp-af-header.header-transparent ul.navbar-nav{margin-right: 0% !important;}
}

@media screen and (min-width: 481px) {
	.chat-page #obreinfo{display:none;}
	#chat .productInfo .empresa{display:block;}
	#chat .infomobileuser{display:none;}
	#chat .infodesktopuser{display:block;}
	.onlydesktop{display:block;}
	.onlymobile{display:none;}
	.botonsxat {		top: -70px;}
}
@media screen and (max-width: 480px) {
	#add_response #attach{padding-top:5px;}
	.botonsxat img {		max-width: 30px;		height: auto;	  }
	.product-list.actualitat time.data {		font-size: 20px !important;		margin-top: 5px;	  }
	.product-list.actualitat .item h3, #actualitat .product-list .item:hover .item-title{font-size:22px;}
	.onlydesktop{display:none;}
	.onlymobile{display:block;}
	.slidercontent > .row{align-items: flex-end;}
	.slidercontent  #frasetop h1{padding-bottom: 5vw;font-weight: normal;}
	.chat-page.status1 .xattancat {		display: block;		right: 35px;		top: -15px;	  }
	#chat .infodesktopuser{display:none;}
	#chat .infomobileuser{display: flex;		flex-wrap: wrap;align-items: center;padding: 5px;}
	#chat .infomobileuser img{max-width: 40px;margin-right: 10px;}
	#chat .infomobileuser span{margin-left:5px;}
	#chat .productInfo {		padding: 0px;	  }
	#chat .pInfo .btn-info{background: transparent;
		border: none;
		font-size: 30px !important;
		color: var(--blaufosc);
		padding: 25px !important;height: 40px;
		line-height: 0;}
		#chat .pInfo .btn-info:hover,#chat .pInfo .btn-info:focus,#chat .pInfo .btn-info:focus-visible{background-color: transparent!important; border:none; outline: none;;}
		.chat-page .zonaticket .pInfo.open {
			height: auto;
		  }
	.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.2;
	}
	#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!important;}
	.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 .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: 0!important; /*padding: 0px 15px!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 15px;}
	#cataloglist .btn{margin-top:10px; margin-bottom:30px;}
	.user-form .materials .form-check,.user-form .tipologies .form-check{
		width:100%;
	}
	.navbar-collapse .navbar-nav{width: 90% !important;}
}