/*==========  Non-Mobile First Method  ==========*/

#mobile-header{display: none; padding: 25px 10% 0px; width: 80%;}
#mobile-footer{display: block; position: fixed; bottom: 0px; right: 0px;}
  
.menum{display: none;}
  
.menu_post_it1 {  
    background-color: #FFF69C;
    color: white;
    font-family: Cousine,sans-serif;
    font-size: 12px;
    padding: 7px 10px 5px 10px;
	margin: 10px 0px;
}
.menu_post_it1 a{color: #000;}
  
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 1024px) {
	img{max-width: 100%;}
	.imgGranNov1{width: 74%;}
	.imatgeititol{float: none; display: inline-block; vertical-align: top; width: 49%; margin-right: .5% !important; margin-bottom: 5px;}
	.imatgeititol:nth-child(even){margin-right: 0 !important;}
	
	.imatgeititol a{display: block;}
	.imatgeititol img{width: 100% !important; height: auto !important; display: block;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	#mobile-header{display: block;}
	#mobile-footer{display: block;}

	header{min-width: 0px;}
	.main-content{max-width: 100% !important; min-width: 0px !important;}
	.jqb-wrapper{max-width: 100%; overflow: hidden;}
	.jqb-item{/*max-width: 100%;*/ /*left: -50% !important;*/}
	
	.tot{min-width: 0px;}
	.lateral{display: none;}
	.container{min-width: 0px;}
	.contingut{padding: 117px 10px 10px;}
	#novetats_agenda .contingut{padding: 0px;}
	#novetats_agenda .contingut .infoNov{padding: 117px 2.5% 10px; width: 95%; }
	#premsa .contingut{padding: 47px;}
	#premsa .contingut div{height: auto !important;}
	#localitzacions .contingut{padding: 0px;}
	#localitzacions .contingut.localitzacio_top{padding: 117px 10px 10px;}
	
	.descripcio_general{max-width: 100% !important; width: 95% !important; padding: 10px 2.5% !important; }
	
	.menu_post_it { font-size: 12px; /*17px;*/ }
	/*
	.menu_post_it.open { background-color: #000; }
	.menu_post_it.open a { color: #fff; }
	*/
	
	.menu_post_it.menu_service { background-color: #000; }
	.menu_post_it.menu_service a { color: #fff; }
	
	
	.menu_post_it1 {margin: 1px 0px;}
	.menu_post_it2 {margin: 1px 0px;}
	
	.imatgeititol{width: 100%;}
	.imatgeititol img{width: 100% !important; height: auto !important;}

	.imgGranNov img{width: 100%;}
	.imgGranNov1 img{width: 100% !important;}
	
	.imgGranNov1{width: 100% !important; padding: 0px;}
	div.imgGranNov1 div.bx-wrapper div.bx-viewport ul#slide-interior li img{max-width: 100%; height: auto;}
	
	.unaColumna{width: 100%; float: right; padding-top: 0px;}
	.pin1{width: 49%; margin-left: -1px; margin-right: -1px; vertical-align: middle;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	.formulari{width: 100%; border: none; padding-right: 0px;}
	.infoandegraun { width: 100%; float: none; margin-top: 20px; }
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}


/* MENU */
.header
{
	position: fixed;
	z-index: 999;
	width: 100%;

	-webkit-transition-duration: .5s;
	transition-duration: .5s;
 
	-webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
	transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
 
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}
 
.header--hidden
{
	-webkit-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	transform: translateY( -100% );
}




.menu-toggle .menu-toggle-text { display: none; }
@media only screen and (min-width: 768px) {
	.menu-toggle {
		cursor: pointer; 
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		-o-transition: all 0.8s;
		transition: all 0.8s;
	}
	.menu-toggle:hover {
		opacity: 1;
		  -webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.menu-toggle .menu-toggle-text { display: inline-block; }
}
.menu-toggle .menu-toggle-hamburger {
	display: inline-block;
	position: relative;
	margin: 0px;
	width: 15px;
	height: 10px;
	cursor:pointer;
}
.menu-toggle .menu-toggle-hamburger span,
.menu-toggle .menu-toggle-hamburger span:before,
.menu-toggle .menu-toggle-hamburger span:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000; /*#999999;*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*
.open .menu-toggle .menu-toggle-hamburger span,
.open .menu-toggle .menu-toggle-hamburger span:before,
.open .menu-toggle .menu-toggle-hamburger span:after {background: #fff;}
*/

.menu_service .menu-toggle .menu-toggle-hamburger span,
.menu_service .menu-toggle .menu-toggle-hamburger span:before,
.menu_service .menu-toggle .menu-toggle-hamburger span:after {background: #fff;}


.menu-toggle .menu-toggle-hamburger span:before { top: -5px; }
.menu-toggle .menu-toggle-hamburger span:after { top: 5px; }
.menu-toggle.on { opacity: 1; }
.menu-toggle.on .menu-toggle-hamburger span { background-color: transparent; }
.menu-toggle.on .menu-toggle-hamburger span:before,
.menu-toggle.on .menu-toggle-hamburger span:after { top: 0; }
.menu-toggle.on .menu-toggle-hamburger span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-toggle.on .menu-toggle-hamburger span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}