/*-- RESPONSIVE --*/
@media only screen and (max-width: 1445px) {
	.breadcrumb {		padding: 0 7px;}
}
@media only screen and (min-width: 1200px) {
	.margin-principal {
		margin-top: 140px;
	}
	.extratop{
		font-size: 16px;
	}
	.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas{
		line-height: 2;
	}
	ul.idiomes {
		position: relative;
		left: 55%;
		margin: 0;
	}
	.modal-header ul.idiomes {		left: unset;}
	.extratop ul, .extratop p {
		margin-bottom: 0;
		align-items: center;
	}
	.nav-link{
		font-size: 14px;
	}
	p {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		color: #000;
	}
	.product-list h3, .product-list .item-title {
		font-size: clamp(16px,2vw,24px);
		text-align: center;
		line-height: normal;
		padding: 12px;
		margin: 0 auto;
		font-weight: 400;
	}
	h3, .h3 {
		font-size: 18px !important;
		line-height: 40px;
	}
	.navbar-brand {
		margin: 10px 0;
		/* max-width: 130px; */
	}
	.projectGrid .main-content-wrap .row{
		flex: 0 0 100%;
		max-width: 95%;
		margin: 0 auto;
	}
	input.form-control.search, input.form-control.search::placeholder{
		font-size: 14px !important;
	}
	.form-input-item label,	.dades{
		font-size: 16px;
	}
}
@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;
	}
	.extratop{
		font-size: 16px;
	}
	.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas{
		line-height: 2;
	}
	ul.idiomes {
		position: relative;
		left: 55%;
		margin: 0;
	}
	.extratop ul, .extratop p {
		margin-bottom: 0;
		align-items: center;
	}
	.nav-link{
		font-size: 12px;
	}
	p {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		color: #000;
	}
	.product-list h3, .product-list .item-title {
		font-size: clamp(16px,2vw,24px);
		text-align: center;
		line-height: normal;
		padding: 12px;
		margin: 0 auto;
		font-weight: 400;
	}
	h3, .h3 {
		font-size: 18px !important;
		line-height: 40px;
	}
	.navbar-brand {
		margin: 10px 0;
		/* max-width: 130px; */
	}
	.projectGrid .main-content-wrap .row{
		flex: 0 0 100%;
		max-width: 95%;
		margin: 0 auto;
	}
	input.form-control.search, input.form-control.search::placeholder{
		font-size: 14px !important;
	}
	.form-input-item label,	.dades{
		font-size: 16px;
	}
	#contactfitxa h5, #contactfitxa span, #contactfitxa a{
		font-size: clamp(10px,13px,16px);
		margin-bottom: 0 !important;
	}
	.btn{
		font-size: clamp(10px,13px,16px);
	}
	.navbar-brand {
		width: auto !important;
		height: 60px;
	}

	
}
@media only screen and (max-width: 991px) {
	aside.blocinfo {		position: relative;		top: unset;		height: unset;	}
	ul.idiomes {
		position: relative;
		left: 55%;
		margin: 0;
	}
		/* ul.idiomes:before{content:"\f0ac";font: normal normal normal 14px/1 FontAwesome;		font-size: 14px;	  font-size: inherit;	  text-rendering: auto;
		-moz-osx-font-smoothing: grayscale;	 color:#fff;padding-top: 4px;	  margin-left: 5px;margin-right: 8px;} */
	#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 20px 0 20px;
		margin: 0;
	}
	.navbar-collapse .navbar-nav {
		/*background: #ece8d3;*/
	}
	.main-navigation .dropdown-menu{background-color: #fff;}
	.main-navigation ul li.nav-item {
		margin: 5px 20px 0 20px;
		padding: 0
	}
	.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;}
	.extratop{
		font-size: 14px;
	}
	.idiomes{
		font-size: 16px;
	}
	.sociallist{
		display: none !important;
	}
	.contact-details li:nth-child(2){
		display: none !important;
	}
	.searchform{
		width: 150%;
	}
	input.form-control.search, input.form-control.search::placeholder{
		font-size: 12px !important;
	}
	.searchcont .searchform {
		display: block!important;
	}
	.product-list h3, .product-list .item-title {
		font-size: clamp(12px,14px,16px) !important;
		text-align: center;
		line-height: normal;
		padding: 12px;
		margin: 0 auto;
		font-weight: 400;
	}
	h1, .h1{
		font-size: clamp(18px,23px,26px);
	}
	h2, .h2{
		font-size: clamp(16px,18px,20px);
	}
	.filter .form-check label, .filter .filter-buttons input  {
		font-size: 12px !important;
		padding: 14px 20px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}
@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;}
	.contact-details li:nth-child(2){
		display: none !important;
	}
	.sociallist{
		display: none !important;
	}
	.filter .form-check label, .filter .filter-buttons input  {
		font-size: 10px !important;
		padding: 10px 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.filter-buttons{
		display: none;
	}
	
}
.showmobile{display: none;}
@media screen and (max-width: 576px) {
	#carrusel{transform:none;}
	#sliderserv {		width: 100%;		left: -0;		max-width: 100%;	}
	#sliderserv .swiper-slide{margin-right: 0px!important; padding: 60px;}
	#index .icontext{border-left:none;    padding-left: 0;}
	.clients img {		padding: 0 0px;	}
	#projectlist .product-list .item {		padding: 0px 7px!important;	}
	.social-icons{
		display: none;
	}
	.centerContact {
		display: none;
	}
	.idiomes{
		font-size: 16px;
	}
	.extratop .right{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.cbp-af-header.cbp-af-header-shrink .navbar-brand {
		height: 60px !important;
	}
	.projectGrid .main-content-wrap .row {
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0 auto;
	}
	ul.idiomes {
		position: relative;
		left: 30%;
		margin: 0;
	}
	h1, .h1{
		margin-top: 15px !important;
	}
	.caption {
		bottom: 10px !important;
	}
	.contactSpace{
		margin-top: 10px;
	}
	.single-post-details__footer__item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 480px) {
	#projectlist .product-list .item {		padding: 0px 7px!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: normal;
	}
	#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 .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;}
}