@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px;
 -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] { text-decoration:inherit;color: inherit; }

/* #Media Queries
================================================== */
@container card (min-width: 1920px){
body{ overflow-x:hidden;}

}

@media only screen and (min-width:1400px) and (max-width:1600px) {
.button-dropdown ul li a{font-size: 52px;line-height: 52px;}
.flex-cont h1{font-size: 82px;line-height: 82px;}
.activitats-sec h2{font-size: 82px;line-height: 82px; letter-spacing: 4px;}  
.xoco-list-sec .lst-pad ul li h3{font-size: 36px; line-height: 42px;}
.proximes-inner.edu h2 {font-size: 82px;line-height: 82px;}
.dtl-cnt h2 {font-size: 82px;line-height: 82px;}
.espais-sec h2 {font-size: 82px;line-height: 82px;}
.noticies h2{font-size: 82px;line-height: 82px;}
.noticies .noticies-grid li .noticies-cont h3{font-size: 48px;line-height: 48px;}
.altres-sec h2{font-size: 64px;line-height: 64px;}
.altres-sec ul li .altres-cnt h3{font-size: 42px; line-height: 48px;}
.noticies .noticies-grid li:nth-child(3) .noticies-cont h3, .noticies .noticies-grid li:last-child .noticies-cont h3{font-size: 48px; line-height: 48px;}
.actactivitats-title h2{font-size: 82px;line-height: 82px;}
.act-list ul li .act-cnt h3{font-size: 32px; line-height: 32px;}
.proximes-inner h2{font-size: 48px; line-height: 48px;}
.oferta-sec .oferta-cnt h2{font-size: 82px;line-height: 72px;}
.vine-sec h2{font-size: 82px; line-height: 72px;}
.vine-sec p{font-size: 24px; line-height: 32px;}
.vine-sec ul li a{font-size: 14px;}
.oferta-sec ul li h3{font-size: 42px; line-height: 42px;}
.oferta-sec ul li p{font-size: 36px; line-height: 36px;}
.xoco-botiga h2{font-size: 82px; line-height: 72px;}
.ultimes-sec h2{font-size: 82px; line-height: 72px;}
.ultimes-lst ul li h3{font-size: 26px; line-height: 28px;}
.espais-list ul li .espais-cnt h3{font-size: 36px; line-height: 36px;}
.tari-txt-cont h2{font-size: 82px; line-height: 82px;}
.tari-horasis-sec h3{font-size: 36px; line-height: 36px;}
.horasis ul{row-gap: 5px;}
.artistes-sec h2{font-size: 48px;line-height: 48px;}
.dtl-cnt.museu h2{font-size: 82px; line-height: 82px;}
.dtl-cnt.museu h3{font-size: 36px; line-height: 36px;}

}

@media only screen and (min-width:1280px) and (max-width:1400px) {
body{ overflow-x:hidden;}
.bur-pad .bur-pad-lft{padding: 7% 6.5% 5%;}
.button-dropdown ul li a{font-size: 52px;line-height: 52px;}
.flex-cont h1{font-size: 82px;line-height: 82px;}
.activitats-sec h2{font-size: 82px;line-height: 82px; letter-spacing: 4px;}  
.xoco-list-sec .lst-pad ul li h3{font-size: 36px; line-height: 42px;}
.proximes-inner.edu h2 {font-size: 82px;line-height: 82px;}
.dtl-cnt h2 {font-size: 82px;line-height: 82px;}
.espais-sec h2 {font-size: 82px;line-height: 82px;}
.noticies h2{font-size: 82px;line-height: 82px;}
.noticies .noticies-grid li .noticies-cont h3{font-size: 48px;line-height: 48px;}
.altres-sec h2{font-size: 64px;line-height: 64px;}
.altres-sec ul li .altres-cnt h3{font-size: 42px; line-height: 48px;}
.noticies .noticies-grid li:nth-child(3) .noticies-cont h3, .noticies .noticies-grid li:last-child .noticies-cont h3{font-size: 48px; line-height: 48px;}
.actactivitats-title h2{font-size: 82px;line-height: 82px;}
.act-list ul li .act-cnt h3{font-size: 32px; line-height: 32px;}
.proximes-inner h2{font-size: 48px; line-height: 48px;}
.oferta-sec .oferta-cnt h2{font-size: 82px;line-height: 72px;}
.vine-sec h2{font-size: 82px; line-height: 72px;}
.vine-sec p{font-size: 24px; line-height: 32px;}
.vine-sec ul li a{font-size: 14px;}
.oferta-sec ul li h3{font-size: 42px; line-height: 42px;}
.oferta-sec ul li p{font-size: 36px; line-height: 36px;}
.xoco-botiga h2{font-size: 82px; line-height: 72px;}
.ultimes-sec h2{font-size: 82px; line-height: 72px;}
.ultimes-lst ul li h3{font-size: 26px; line-height: 28px;}
.espais-list ul li .espais-cnt h3{font-size: 36px; line-height: 36px;}
.tari-txt-cont h2{font-size: 82px; line-height: 82px;}
.tari-horasis-sec h3{font-size: 36px; line-height: 36px;}
.horasis ul{row-gap: 5px;}
.artistes-sec h2{font-size: 48px;line-height: 48px;}
.dtl-cnt.museu h2{font-size: 82px; line-height: 82px;}
.dtl-cnt.museu h3{font-size: 36px; line-height: 36px;}
}

@media only screen and (max-width: 1280px) {
.flex-cont h1{font-size: 72px;line-height: 72px;}
.activitats-sec h2{font-size: 72px;line-height: 72px; letter-spacing: 5px;}
.ultimes-sec h2 {font-size: 72px;line-height: 72px; letter-spacing: 3px;}
.xoco-botiga h2 {font-size: 72px;line-height: 72px; letter-spacing: 3px;}
.xoco-list-sec .lst-pad ul li h3{font-size: 36px; line-height: 42px;}
.proximes-inner.edu h2 {font-size: 72px;line-height: 72px;}
.dtl-cnt h2 {font-size: 72px;line-height: 72px;}
.espais-sec h2 {font-size: 72px;line-height: 72px;}
.artistes-sec h2{font-size: 48px; line-height: 56px; letter-spacing: 1px;}
.artistes-sec h2 br{display: none;}
.noticies h2{font-size: 72px;line-height: 72px;}
.noticies .noticies-grid li .noticies-cont h3{font-size: 48px;line-height: 48px;}
.altres-sec h2{font-size: 64px;line-height: 64px;}
.altres-sec ul li .altres-cnt h3{font-size: 42px; line-height: 48px;}
.noticies .noticies-grid li:nth-child(3) .noticies-cont h3, .noticies .noticies-grid li:last-child .noticies-cont h3{font-size: 48px; line-height: 48px;}
}

@media screen and (min-width:1024px) and (max-width:1279px) {
.top-hdr-details{padding: 30px 10px;}
.vine-inner{padding: 50px 15px;}
.vine-sec h2{font-size: 68px; line-height: 64px; margin-bottom: 15px;}
.vine-sec p{font-size: 22px; line-height: 30px; margin-bottom: 20px;}
.vine-sec ul li a{font-size: 14px;}
.activitats-sec h2{font-size: 68px; line-height: 64px; letter-spacing:3px; margin-bottom: 15px;}
.top-banner .container .flex-caption .container {padding: 0 15px;}
.flex-cont h1{font-size: 64px; line-height: 60px;}
.flex-control-nav{right: 15px;}
.vine-rgt{max-width: 320px;text-align: center;justify-content: center;display: flex;margin: 0 auto;}
.link-arrow{right: 40px;top: 26px;}
#activitats-slide .owl-dots {top: -60px;right: 100px;}
.activitats-inner { padding: 0 0 50px 0;}
.oferta-inner {padding: 50px 15px;}
.oferta-sec ul li h3{font-size: 36px; line-height: 40px;}
.oferta-sec ul li p{font-size: 32px; line-height: 32px; margin-bottom: 15px;}
.foot-pad{padding: 40px 15px;}
.foot-inner{padding-bottom: 40px;}
.address p, .address p a{font-size: 15px;}
.quk-mnu ul li a{font-size: 15px;}
.foot-rgt h5{font-size: 15px;}
.foot-rgt ul li a{font-size: 15px;}
.senefa-inner {padding: 50px 0;}
.newsletter h2{font-size: 36px; line-height: 42px;}
.newsletter-inner {padding: 50px 0 0 0;}
.ultimes-inner{padding: 0 15px;}
.ultimes-sec h2{font-size: 68px; line-height: 64px; letter-spacing: 3px;}
.ultimes-title{margin-bottom: 15px;}
.ultimes-lst ul li ul h5{font-size: 14px; line-height: 22px;}
.ultimes-lst ul li ul h3{font-size: 28px; line-height: 32px;}
.xoco-inner{padding: 0 15px;}
.xoco-botiga h2{font-size: 68px; line-height: 64px; letter-spacing: 3px; margin-bottom: 15px;}
.xoco-arrow {right: 15px;top: 15px;}
#xoco-slide .item .xoco-cnt h3{font-size: 26px; line-height: 30px; margin-bottom: 10px;}

/*activitats*/
.actactivitats-title h2{font-size: 42px; line-height: 42px; letter-spacing: 2px;}
.actactivitats-title{margin-bottom: 20px;}
.actactivitats-inner{padding: 25px 15px 35px 15px;}
.actactivitats-title a{font-size: 14px; text-align: center;}
.act-list { margin-top: 20px;}
.act-list ul{row-gap: 15px;}
.act-list ul li .act-cnt h3{font-size: 24px; line-height: 28px;}
.proximes-inner{padding: 0 15px;}
.proximes-inner h2{width: 100%; font-size: 42px; line-height: 42px; letter-spacing: 2px; margin-bottom: 15px;}
.proximes-inner.edu h2 {width: 100%; font-size: 42px; line-height: 42px; letter-spacing: 2px; margin-bottom: 15px;}
.proximes-sec ul{row-gap: 35px; margin-bottom: 35px;}
.proximes-sec ul li .proximes-cnt h3{font-size: 24px; line-height: 26px;}
.espais-inner {padding: 25px 15px 0 15px;}
.espais-sec h2{font-size: 42px; line-height: 42px; letter-spacing: 2px;}
.espais-list {margin-top: 30px;}
.espais-list ul li .espais-cnt h3 {font-size: 28px; line-height: 32px;}

/*oferta-educativa*/
.xoco-list-sec .lst-pad ul li h3 {font-size: 32px;line-height: 36px;}
.xoco-list-sec .lst-pad {padding: 50px 15px 0;}
.que-us-cnt {padding-top: 40px;}
.oferta-sec .oferta-cnt h2 {font-size: 62px;line-height: 62px;}
.tari-horasis-sec h3{font-size: 36px; line-height: 36px;}
.dtl-cnt h2{font-size: 72px; line-height: 72px;}
.ful-dtl-cont{padding: 25px 15px 0 15px;}
/*benvinguts*/
.tari-txt-cont h2{font-size: 62px;line-height: 62px; margin-bottom: 15px;}
.tari-horasis-sec h3{font-size: 36px; line-height: 36px;}
.dtl-cnt.museu h2{font-size: 72px;line-height: 72px; margin-bottom: 20px;}
.dtl-cnt.museu h3{font-size: 32px; line-height: 36px;}
.artistes-inner{padding: 25px 15px 65px 15px;}
.proximes-inner h2{font-size: 42px; line-height: 48px;}
.artistes-sec h2{font-size: 48px; line-height: 56px; letter-spacing: 1px;}
.artistes-sec h2 br{display: none;}
.breadcrum-inner{padding: 0 15px;}
.noticies-inner {padding: 20px 15px 50px 15px;}
.noticies h2{font-size: 62px;line-height: 62px; letter-spacing: 1px;}
.altres-inner{padding: 0 15px;}
.altres-sec ul li .altres-cnt h3{font-size: 42px;line-height: 42px;}
.altres-sec ul li .altres-cnt{padding: 0 15px;}
.altres-sec h2 {font-size: 42px;line-height: 46px; letter-spacing: 1px;}
.noticies .noticies-grid li .noticies-cont h3 {font-size: 36px;line-height: 36px; letter-spacing: 1px;}
.noticies .noticies-grid li .noticies-cont{padding: 0 20px;}
.noticies .noticies-grid li:nth-child(3) .noticies-cont h3, .noticies .noticies-grid li:last-child .noticies-cont h3{font-size: 36px;line-height: 36px; letter-spacing: 1px;}
.ultimes-lst ul li h3{font-size: 24px; line-height: 28px;}
.ultimes-lst ul li .notics-cnt{padding: 10px 15px;}
.button-dropdown ul li a{font-size: 42px;line-height: 42px;}
.bur-pad .bur-pad-lft{padding: 10% 15px 5%;}
.button-dropdown .quick-mnu ul li a{font-size: 24px;line-height: 30px;}

}

@container card (max-width: 1100px) {
.button-dropdown ul li a{font-size: 36px;line-height: 36px;}
.bur-pad .bur-pad-lft{padding: 10% 15px 5%;}
.button-dropdown .quick-mnu ul li a{font-size: 24px;line-height: 30px;}
.bur-pad .bur-pad-rgt img {width: 100%;object-fit: cover;height: 100%;opacity: 0;}
.bur-pad .bur-pad-rgt ul li {background-size: cover;background-position: center;}
.bur-pad .bur-pad-rgt ul li.show {display: block;}
.top-grn-bg .logo img{width: 415px;}
.breadcrum-inner{padding: 0 15px;}
.top-hdr-details{padding: 30px 15px;}
.vine-inner{padding: 50px 15px;}
.vine-sec h2{font-size: 64px; line-height: 64px; margin-bottom: 15px;}
.vine-sec p{font-size: 22px; line-height: 30px; margin-bottom: 20px;}
.vine-sec ul li a{font-size: 14px;}
.activitats-sec h2{font-size: 64px; line-height: 64px; letter-spacing:3px; margin-bottom: 15px;}
.top-banner .container .flex-caption .container {padding: 0 15px;}
.flex-cont h1{font-size: 64px; line-height: 60px;}
.flex-control-nav{justify-content: center; bottom: 30px; justify-content: center;}
.vine-rgt{max-width: 320px;text-align: center;justify-content: center;display: flex;margin: 0 auto;}
.link-arrow{right: 40px;top: 26px;}
#activitats-slide .owl-dots {top: -60px;right: 100px;}
.activitats-inner { padding: 0 0 50px 0;}
.oferta-inner {padding: 50px 15px;}
.oferta-sec ul li h3{font-size: 36px; line-height: 40px;}
.oferta-sec ul li p{font-size: 32px; line-height: 32px; margin-bottom: 15px;}
.foot-pad{padding: 40px 15px;}
.foot-inner{padding-bottom: 40px;}
.address p, .address p a{font-size: 15px;}
.quk-mnu ul li a{font-size: 15px;}
.foot-rgt h5{font-size: 15px;}
.foot-rgt ul li a{font-size: 15px;}
.senefa-inner {padding: 50px 0;}
.newsletter h2{font-size: 36px; line-height: 42px;}
.newsletter-inner {padding: 50px 0 0 0;}
.ultimes-inner{padding: 0 15px;}
.ultimes-sec h2{font-size: 64px; line-height: 64px; letter-spacing: 3px;}
.ultimes-title{margin-bottom: 15px;}
.ultimes-lst ul li ul h5{font-size: 14px; line-height: 22px;}
.ultimes-lst ul li ul h3{font-size: 28px; line-height: 32px;}
.xoco-inner{padding: 0 15px;}
.xoco-botiga h2{font-size: 64px; line-height: 64px; letter-spacing: 3px; margin-bottom: 15px;}
.xoco-arrow {right: 15px;top: 15px;}
#xoco-slide .item .xoco-cnt h3{font-size: 26px; line-height: 30px; margin-bottom: 10px;}

/*activitats*/
.actactivitats-title h2{font-size: 36px; line-height: 36px; letter-spacing: 2px;}
.actactivitats-title{margin-bottom: 20px;}
.actactivitats-inner{padding: 25px 15px 40px 15px;}
.actactivitats-title a{font-size: 14px; text-align: center;}
.act-list { margin-top: 20px;}
.act-list ul{row-gap: 10px; column-gap: 2%;}
.act-list ul li {flex: 0 1 49%;}
.act-list ul li .act-cnt h3{font-size: 24px; line-height: 28px;}
.proximes-inner{padding: 0 15px;}
.proximes-inner h2{width: 100%; font-size: 36px; line-height: 36px; letter-spacing: 2px; margin-bottom: 15px;}
.proximes-inner.edu h2{width: 100%; font-size: 36px; line-height: 36px; letter-spacing: 2px; margin-bottom: 15px;}
.proximes-sec ul{row-gap: 30px; margin-bottom: 30px;}
.proximes-sec ul li .proximes-cnt h3{font-size: 24px; line-height: 26px;}
.espais-inner {padding: 25px 15px 0 15px;}
.espais-sec h2 {width: 100%; font-size: 36px; line-height: 36px; letter-spacing: 2px; margin-bottom: 12px;}
.espais-list {margin-top: 20px;}
.espais-list ul li .espais-cnt h3{font-size: 26px; line-height: 30px;}
.espais-sec p{line-height: 24px; font-size: 17px;}
.espais-sec p span, .espais-sec p span a{font-size: 14px;}
.espais-sec p br{display: none;}
.espais-inner {padding: 25px 15px 0 15px;}

/*oferta-educativa*/
.xoco-list-sec .lst-pad ul li h3 {font-size: 30px;line-height: 36px;}
.xoco-list-sec .lst-pad {padding: 50px 15px 0;}
.que-us-cnt {padding-top: 40px;}
.oferta-sec .oferta-cnt h2 {font-size: 48px;line-height: 56px;}

/*contactar*/
.ful-dtl-cont {padding: 25px 15px 0 15px;}
.dtl-cnt h2{font-size: 62px;line-height: 62px; margin-bottom: 15px;}
.tari-txt-cont h2{font-size: 62px;line-height: 62px; margin-bottom: 15px;}
.tari-horasis-sec h3{font-size: 36px; line-height: 36px;}
.dtl-cnt.museu h2{font-size: 72px;line-height: 72px; margin-bottom: 20px;}
.dtl-cnt.museu h3{font-size: 32px; line-height: 36px;}

/*oferta-educativa-fitxa*/
.artistes-inner{padding: 25px 15px 40px 15px;}
.artistes-sec h2{font-size: 42px;line-height: 46px; letter-spacing: 1px;}
.artistes-sec h2 br{display: none;}
.artistes-sec p span{font-size: 14px; line-height: 20px; display: flex;}
.noticies-inner {padding: 20px 15px 50px 15px;}
.noticies h2{font-size: 42px;line-height: 46px; letter-spacing: 1px;}
.altres-inner{padding: 0 15px;}
.altres-sec ul li .altres-cnt h3{font-size: 32px;line-height: 36px;}
.altres-sec ul li .altres-cnt{padding: 0 15px;}
.altres-sec h2 {font-size: 42px;line-height: 46px; letter-spacing: 1px;}
.noticies .noticies-grid li .noticies-cont h3 {font-size: 36px;line-height: 36px; letter-spacing: 1px;}
.noticies .noticies-grid li .noticies-cont{padding: 0 20px;}
.noticies .noticies-grid li:nth-child(3) .noticies-cont h3, .noticies .noticies-grid li:last-child .noticies-cont h3{font-size: 36px;line-height: 36px; letter-spacing: 1px;}
.ultimes-lst ul li h3{font-size: 24px; line-height: 28px;}
.ultimes-lst ul li .notics-cnt{padding: 10px 15px;}

}

/* Smaller than standard 1024 (devices and browsers) */
@container card (max-width: 970px) {
.mob-menu-top {display: flex; padding: 10px 15px; align-items: center; justify-content: space-between;}
.m-menu { display: block; top: 0;}
.top-banner .flexslider { min-height: inherit;}
.is-sticky .m-menu span{background: #291404;}
.mob-menu-top {width: auto; display: flex; align-items: center; justify-content: space-between; padding: 0;}
.m-menu { display: block; top: 0;}
.mob-menu-top .book-btn a {width: 100px; height: 35px; font-size: 12px;}
.top-banner .flexslider { min-height: inherit;}
.top-banner .flexslider .slides > li { height:495px; background-size: cover; background-position: center center; }
.top-banner .flexslider .slides > li img { opacity:0; display: none;}
.top-banner .container .flex-caption .container {max-width: 100%; padding: 0 15px;}
.flex-cont h1{font-size: 42px; line-height: 42px;}
.flex-cont p{font-size: 20px; line-height: 24px;}
.flex-control-nav{max-width: 100%; bottom: 25px; text-align: center; justify-content: center;}
.top-banner .flex-control-nav li a {width: 10px;height: 10px;}
.top-hdr-details{padding: 25px 15px;}
.top-rgt{display: none;}
.over .top-grn-bg .logo img.black{display: block;}
.over .top-grn-bg .logo img.white{display: none;}
.vine-inner{padding: 40px 15px; row-gap: 30px;}
.vine-rgt {max-width: 300px;text-align: center;margin: 0 auto;}
.vine-sec h2{font-size: 42px; line-height: 42px; letter-spacing: 1px; margin-bottom: 15px;}
.vine-sec p{font-size: 18px; line-height: 25px; margin-bottom: 20px;}
.vine-sec ul li a{font-size: 14px;}
.mbl-img {margin-bottom: 15px;}
#activitats-slide .owl-dots {top: auto;left: 0;width: auto;bottom: -40px;right: 0;}
#activitats-slide .item .activitats-cnt h6{font-size: 13px; letter-spacing: 0;}
#activitats-slide .item .activitats-cnt h3{font-size: 26px;}
.owl-dot{width: 10px;height: 10px; margin: 0 5px 0;}
.activitats-inner{padding: 0 15px 70px 15px;}
.link-arrow{display: none;}
.activitats-sec h2{font-size: 42px;line-height: 42px; letter-spacing: 3px; margin-bottom: 15px;}
.video-img{height: 372px; background-size: cover;}
.video-img img{opacity: 0;}
.home-video{height: 100%;}
.video-sec #play-video {width: 62px;height: 62px; background-size: cover;}
.video-sec #play-video.play {width: 62px;height: 62px; background-size: cover;}
.oferta-inner {padding: 35px 15px;}
.oferta-sec ul li h3{font-size: 24px; line-height:26px;}
.oferta-sec ul li p{font-size: 24px; line-height: 24px; margin-bottom: 12px;}
.oferta-sec ul li h3 span{display: inline-block;}
.xoco-botiga h2{font-size: 36px;line-height: 42px; letter-spacing: 2px; margin-bottom: 15px;}
.xoco-arrow{display: none;}
.xoco-inner{padding: 0 15px 15px 15px;}
.senefa-inner{padding: 40px 0;}
#xoco-slide .owl-dots{bottom: -35px;}
#xoco-slide .item .xoco-cnt h3{font-size: 22px; line-height: 32px;}
.ultimes-lst ul li a{column-gap: 0;}
.ultimes-lst ul li ul:last-child{display: none;}
.ultimes-lst ul li ul:first-child{flex: 0 1 100%;}
.ultimes-lst ul li ul:nth-child(2) {flex: 0 1 100%;}
.ultimes-title{margin-bottom: 15px;}
.ultimes-inner{padding: 0 15px;}
.ultimes-sec h2 {font-size: 32px;line-height: 32px; letter-spacing: 2px; margin-bottom: 0;}
.ultimes-lst ul li ul h5 span{display: inline-block;}
.ultimes-lst ul li ul h3{font-size: 20px; line-height: 32px;}
.newsletter-inner{padding: 40px 15px 0 15px;}
.newsletter h2{font-size: 28px;line-height: 32px;}
.address{flex: 0 1 100%;}
.address p, .address p a{font-size: 14px;}
.quk-mnu ul li a{font-size: 14px; line-height: 22px;}
.quk-mnu {flex: 0 1 100%;}
.foot-inner{row-gap: 20px; padding-bottom: 20px;}
.foot-lft{flex: 0 1 100%; row-gap: 20px;}
.foot-rgt{flex: 0 1 100%;}
.foot-rgt ul li a{font-size: 14px;}
.foot-rgt h5{font-size: 14px; line-height: 24px;}
.copy ul li {font-size: 14px;line-height: 20px;}
/*menu*/
.inner-header .m-menu span {background: #291404;}

/*activitats*/
.breadcrum-inner{padding: 0 15px;}
.actactivitats-title h2{font-size: 36px; line-height: 36px; letter-spacing: 2px;}
.actactivitats-title{margin-bottom: 20px;}
.actactivitats-inner{padding: 25px 15px 35px 15px;}
.actactivitats-title a{font-size: 14px; text-align: center;}
.act-list { margin-top: 20px;}
.act-list ul{row-gap: 10px; column-gap: 2%;}
.act-list ul li {flex: 0 1 49%;}
.act-list ul li .act-cnt h3{font-size: 24px; line-height: 28px;}
.act-lst ul{row-gap: 10px;}
.proximes-inner{padding: 0 15px;}
.proximes-inner h2{width: 100%; font-size: 32px; line-height: 36px; letter-spacing: 2px; margin-bottom: 15px;}
.proximes-inner.edu h2{width: 100%; font-size: 32px; line-height: 36px; letter-spacing: 2px; margin-bottom: 15px;}
.proximes-sec ul{column-gap: 2%; row-gap: 30px; margin-bottom: 30px;}
.proximes-sec ul li{flex: 0 1 49%;}
.proximes-sec ul li .proximes-cnt h3{font-size: 24px; line-height: 26px;}
.espais-inner {padding: 25px 15px 0 15px;}
.espais-sec h2 {width: 100%; font-size: 36px; line-height: 36px; letter-spacing: 2px; margin-bottom: 12px;}
.espais-list {margin-top: 20px;}
.espais-list ul{row-gap: 30px;}
.espais-list ul li .espais-cnt h3{font-size: 26px; line-height: 30px;}
.espais-sec p{line-height: 24px; font-size: 17px;}
.espais-sec p span, .espais-sec p span a{font-size: 14px;}

/*oferta-educativa*/
.que-us-cnt{margin: 0%; padding: 35px 15px 0 15px;}
.que-us-cnt h3{font-size: 32px; line-height: 36px;}
.que-us-cnt .btn-pdf a{font-size: 13px; padding: 10px 20px;}
.que-us-cnt p{margin-bottom: 15px;}
.xoco-list-sec .lst-pad {padding: 40px 15px 0;}
.xoco-list-sec .lst-pad ul{row-gap: 40px; column-gap: 2%;}
.xoco-list-sec .lst-pad ul li {flex: 0 1 49%;}
.xoco-list-sec .lst-pad ul li .lst-img{margin-top: 18px;}
.xoco-list-sec .lst-pad ul li h3 {font-size: 28px;line-height: 32px;}
.logo-oferta img { width: 92px;}
.oferta-sec .oferta-cnt h2{font-size: 36px; line-height: 36px;}
.oferta-sec .oferta-cnt {bottom: 15px;}

/*contactar*/
.ful-dtl-cont{padding: 25px 15px 0; row-gap: 30px; column-gap: 3%;}
.tari-img {flex: 0 1 48.5%;}
.dtl-cnt {flex: 0 1 48.5%;}
.contact-wdth {flex: 0 1 100%;}
.dtl-cnt h2 {font-size: 36px;line-height: 42px; margin-bottom: 15px;}
.ful-dtl-cont .mbl-img {margin-bottom: 0; width: 100%;}

.tari-horasis-sec{flex: 0 1 100%; display: flex; column-gap: 2%;}
.horasis {flex: 0 1 49%; margin-bottom: 0;}
.tari-txt-cont {flex: 0 1 48.5%; align-content: flex-start;}
.tari-txt-cont h2 {font-size: 36px;line-height: 42px; margin-bottom: 15px;}
.tari-txt-cont h2 br{display: none;}
.horasis ul{margin-top: 12px;}
.tari-horasis-sec h3{font-size: 36px; line-height: 36px;}
/*benvinguts*/
.tari-horasis-sec.museu-cont{flex-wrap: wrap; column-gap: 0;}
.dtl-cnt.museu h2{font-size: 36px; line-height: 42px; margin-bottom: 15px;}
.dtl-cnt.museu h3{font-size: 28px; line-height: 32px;}

/*oferta-educativa-fitxa*/
.artistes-inner{padding: 25px 15px 40px 15px;}
.artistes-sec h2{font-size: 36px;line-height: 36px; letter-spacing: 1px;}
.artistes-sec h2 br{display: none;}
.artistes-sec p span{font-size: 14px; line-height: 18px; display: flex;}

.noticies .noticies-grid{display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 2%; padding: 0;}
.noticies .noticies-grid li{flex: 0 1 49%;}
.noticies .noticies-grid li:nth-child(3) .noticies-cont h3, .noticies .noticies-grid li:last-child .noticies-cont h3{font-size: 36px; line-height: 36px;}
.noticies .noticies-grid li .noticies-cont h3{font-size: 36px; line-height: 36px;}
.noticies .noticies-grid li .noticies-cont h3 br{display: none;}
.noticies .noticies-grid li .noticies-cont{bottom: 20px;padding: 0 20px;}
.altres-inner{padding: 0 15px;}
.noticies-inner {padding: 20px 15px 40px 15px;}
.altres-sec h2{font-size: 36px;line-height: 36px;letter-spacing: 1px;}
.altres-sec ul{column-gap: 2%; row-gap: 20px;}
.altres-sec ul li {flex: 0 1 49%;}
.altres-sec ul li .altres-cnt{bottom: 20px;padding: 0 20px;}
.noticies h2{font-size: 36px; line-height: 36px; letter-spacing: 1px; margin-bottom: 15px;}
.altres-sec ul li .altres-cnt h3 {font-size: 32px; line-height: 36px; letter-spacing: 1px; margin-bottom: 15px;}
.noticies .noticies-grid li .noticies-img {height: 350px;}
.noticies .noticies-grid li .noticies-img img {height: 100%;object-fit: cover;object-position: bottom;}
.noticies .noticies-grid li:first-child .noticies-cont h3 {margin-bottom: 15px;}
.noticies .noticies-grid li:first-child .noticies-cont {justify-content: left; flex-wrap: wrap;}
.altres-sec ul li .altres-cnt h3 br{display: none;}
.ultimes-lst ul li p{display: none;}
.ultimes-lst ul li .notics-cnt{flex-wrap: wrap; padding: 10px 15px;}
.ultimes-lst ul li .notics-cnt span {flex: 0 1 100%;}
.ultimes-lst ul li .notics-cnt span br{display: none;}
.ultimes-lst ul li h3 {flex: 0 1 100%; font-size: 22px; line-height: 24px;}


}

/* Smaller than standard 768 (devices and browsers) */
@container card (max-width: 737px) {
.is-sticky .m-menu span{background: #291404;}
.mob-menu-top {width: auto; display: flex; align-items: center; justify-content: space-between; padding: 0;}
.m-menu { display: block; top: 0;}
.mob-menu-top .book-btn a {width: 100px; height: 35px; font-size: 12px;}
.top-banner .flexslider { min-height: inherit;}
.top-banner .flexslider .slides > li { height:495px; background-size: cover; background-position: center center; }
.top-banner .flexslider .slides > li img { opacity:0; display: none;}
.top-banner .container .flex-caption .container {max-width: 100%; padding: 0 15px;}
.flex-cont h1{font-size: 42px; line-height: 42px;}
.flex-cont p{font-size: 20px; line-height: 24px;}
.flex-control-nav{max-width: 100%; bottom: 25px; text-align: center; justify-content: center;}
.top-banner .flex-control-nav li a {width: 10px;height: 10px;}
.top-hdr-details{padding: 25px 15px;}
.top-grn-bg .logo img{width: 282px;}
.top-rgt{display: none;}
.over .top-grn-bg .logo img.black{display: block;}
.over .top-grn-bg .logo img.white{display: none;}
.vine-inner{padding: 35px 15px; row-gap: 30px;}
.vine-lft {flex: 0 1 100%;}
.vine-rgt {flex: 0 1 100%; max-width: 300px;text-align: center;margin: 0 auto;}
.vine-sec h2{font-size: 42px; line-height: 42px; letter-spacing: 1px; margin-bottom: 15px;}
.vine-sec p{font-size: 18px; line-height: 25px; margin-bottom: 20px;}
.mbl-img {margin-bottom: 15px;}
#activitats-slide .owl-dots {top: auto;left: 0;width: auto;bottom: -40px;right: 0;}
.owl-dot{width: 10px;height: 10px; margin: 0 5px 0;}
.activitats-inner{padding: 0 15px 70px 15px;}
.link-arrow{display: none;}
.activitats-sec h2{font-size: 42px;line-height: 42px; letter-spacing: 3px; margin-bottom: 15px;}
.video-img{height: 360px; background-size: cover;}
.video-img img{opacity: 0;}
.home-video{height: 100%;}
.video-sec #play-video {width: 62px;height: 62px; background-size: cover;}
.video-sec #play-video.play {width: 62px;height: 62px; background-size: cover;}
.oferta-inner {padding: 35px 15px;}
.oferta-sec ul{column-gap: 2%; row-gap: 40px;}
.oferta-sec ul li{flex: 0 1 49%;}
.oferta-sec ul li h3{font-size: 24px; line-height:26px;}
.oferta-sec ul li p{font-size: 24px; line-height: 24px; margin-bottom: 12px;}
.oferta-sec ul li h3 span{display: inline-block;}
.xoco-botiga h2{font-size: 36px;line-height: 42px; letter-spacing: 2px; margin-bottom: 15px;}
.xoco-arrow{display: none;}
.xoco-inner{padding: 0 15px 60px 15px;}
.senefa-inner{padding: 40px 0;}
#xoco-slide .owl-dots{bottom: -35px;}
#xoco-slide .item .xoco-cnt h3{font-size: 22px; line-height: 32px;}
.ultimes-lst ul li a{column-gap: 0;}
.ultimes-lst ul li ul:last-child{display: none;}
.ultimes-lst ul li ul:first-child{flex: 0 1 100%;}
.ultimes-lst ul li ul:nth-child(2) {flex: 0 1 100%;}
.ultimes-title{margin-bottom: 15px;}
.ultimes-inner{padding: 0 15px;}
.ultimes-sec h2 {font-size: 32px;line-height: 32px; letter-spacing: 2px; margin-bottom: 0;}
.ultimes-lst ul li ul h5 span{display: inline-block;}
.ultimes-lst ul li ul h3{font-size: 20px; line-height: 32px;}
.newsletter-inner{padding: 35px 15px 0 15px;}
.newsletter-width{width: 100%;}
.newsletter h2{font-size: 28px;line-height: 32px;}
.address{flex: 0 1 100%;}
.address p, .address p a{font-size: 14px;}
.quk-mnu ul li a{font-size: 14px; line-height: 22px;}
.quk-mnu {flex: 0 1 100%;}
.foot-pad {padding: 30px 15px;}
.foot-inner{row-gap: 20px;}
.foot-lft{flex: 0 1 100%; row-gap: 20px;}
.foot-rgt{flex: 0 1 100%;}
.foot-rgt ul li a{font-size: 14px;}
.foot-rgt h5{font-size: 14px; line-height: 24px;}
.copy ul li {font-size: 14px;line-height: 20px;}

/*menu*/
.inner-header .m-menu span {background: #291404;}

/*activitats*/
.breadcrum-inner{padding: 0 15px;}
.actactivitats-title h2{width: 100%; font-size: 32px; line-height: 32px; letter-spacing: 2px; margin-bottom: 12px;}
.actactivitats-title{flex-wrap: wrap; margin-bottom: 20px;}
.actactivitats-inner{padding: 25px 15px 35px 15px;}
.actactivitats-title a{font-size: 14px; text-align: center;}
.act-list { margin-top: 20px;}
.act-list ul{row-gap: 10px; column-gap: 0;}
.act-list ul li {flex: 0 1 100%;}
.act-list ul li .act-cnt h3{font-size: 24px;}
.proximes-inner{padding: 0 15px;}
.proximes-inner h2{width: 100%; font-size: 32px; line-height: 36px; letter-spacing: 1px; margin-bottom: 15px;}
.proximes-inner.edu h2{width: 100%; font-size: 32px; line-height: 36px; letter-spacing: 1px; margin-bottom: 15px;}
.proximes-sec ul{column-gap: 2%; row-gap: 30px; margin-bottom: 30px;}
.proximes-sec ul li{flex: 0 1 49%;}
.proximes-sec ul li .proximes-cnt h3{font-size: 24px; line-height: 26px;}
.breadcrum ul li a, .breadcrum ul li {font-size: 11px;}
.espais-inner {padding: 20px 15px 0 15px;}
.espais-sec h2 {width: 100%; font-size: 32px; line-height: 32px; letter-spacing: 2px; margin-bottom: 12px;}
.espais-list {margin-top: 20px;}
.espais-list ul{column-gap: 2%; row-gap: 30px;}
.espais-list ul li {flex: 0 1 49%;}
.espais-list ul li .espais-cnt h3{font-size: 26px; line-height: 30px;}
.espais-sec p{line-height: 24px; font-size: 17px;}
.espais-sec p span, .espais-sec p span a{font-size: 14px;}

/*oferta-educativa*/
.xoco-list-sec .lst-pad ul{row-gap: 40px; column-gap: 2%;}
.xoco-list-sec .lst-pad ul li {flex: 0 1 49%;}
.xoco-list-sec .lst-pad ul li .lst-img{margin-top: 18px;}
.xoco-list-sec .lst-pad ul li h3 {font-size: 28px;line-height: 32px;}
.logo-oferta img { width: 72px;}
.oferta-sec .oferta-cnt h2{font-size: 28px; line-height: 36px;}
.oferta-sec .oferta-cnt {bottom: 15px;}

/*contactar*/
.ful-dtl-cont{padding: 20px 15px 0; row-gap: 25px;}
.tari-img {flex: 0 1 100%;}
.dtl-cnt {flex: 0 1 100%;}
.contact-wdth {flex: 0 1 100%;}
.dtl-cnt h2 {font-size: 32px;line-height: 36px; margin-bottom: 15px;}
.ful-dtl-cont .mbl-img {margin-bottom: 0; width: 100%;}
.tari-txt-cont {flex: 0 1 100%;}
.tari-horasis-sec {flex: 0 1 100%;}
.tari-horasis-sec h3{font-size: 32px; line-height: 36px;}
.tari-txt-cont h2 {font-size: 32px;line-height: 36px; margin-bottom: 15px;}
.tari-txt-cont h2 br{display: none;}
.tari-txt-cont p{margin-bottom: 15px;}
.horasis:last-child{margin-bottom: 0;}
.tari-horasis-sec {flex: 0 1 100%; flex-wrap: wrap; row-gap: 30px;}
.tari-horasis-sec p{line-height: 22px;}
.horasis{flex: 0 1 100%;}
.horasis.m-b-30{margin-bottom: 0;}
.tari-txt-cont p br{display: none;}

/*benvinguts*/
.dtl-cnt.museu h2{font-size: 32px; line-height: 36px;margin-bottom: 15px;}
.dtl-cnt.museu h2 br{display: none;}
.dtl-cnt.museu h3{font-size: 28px;line-height: 32px;}
.tari-horasis-sec.museu-cont{row-gap: 0;}

/*oferta-educativa-fitxa*/
.artistes-inner{padding: 20px 15px 40px 15px; column-gap: 0; row-gap: 25px;}
.artistes-img {flex: 0 1 100%;}
.artistes-cnt {flex: 0 1 100%;}
.artistes-sec h2{font-size: 32px; line-height: 36px;margin-bottom: 15px; letter-spacing: 1px;}
.noticies .noticies-grid{display: flex; flex-wrap: wrap; row-gap: 15px; column-gap: 2%; padding: 0;}
.noticies .noticies-grid li:nth-child(3) .noticies-cont h3, .noticies .noticies-grid li:last-child .noticies-cont h3{font-size: 28px; line-height: 32px;}
.noticies .noticies-grid li .noticies-cont h3{font-size: 28px; line-height: 32px;}
.noticies .noticies-grid li .noticies-cont h3 br{display: none;}
.noticies .noticies-grid li .noticies-cont{bottom: 20px;padding: 0 20px;}
.altres-inner{padding: 0 15px;}
.noticies-inner {padding: 20px 15px 40px 15px;}
.altres-sec h2{font-size: 32px;line-height: 36px;letter-spacing: 1px;}
.altres-sec ul{column-gap: 2%; row-gap: 20px;}
.altres-sec ul li {flex: 0 1 49%;}
.altres-sec ul li .altres-cnt{bottom: 20px;padding: 0 20px;}
.noticies h2{font-size: 32px; line-height: 36px; letter-spacing: 1px; margin-bottom: 15px;}
.altres-sec ul li .altres-cnt h3 {font-size: 28px; line-height: 32px; letter-spacing: 1px; margin-bottom: 15px;}
.noticies .noticies-grid li .noticies-img {height: 320px;}
.noticies .noticies-grid li .noticies-img img {height: 100%;object-fit: cover;object-position: bottom;}
.noticies .noticies-grid li:first-child .noticies-cont h3 {margin-bottom: 15px;}
.noticies .noticies-grid li:first-child .noticies-cont {justify-content: left; flex-wrap: wrap;}
.altres-sec ul li .altres-cnt h3 br{display: none;}
.noticies .noticies-grid li .noticies-cont h5{font-size: 14px;}
.ultimes-lst ul li p{display: none;}
.ultimes-lst ul li .notics-cnt{flex-wrap: wrap; padding: 10px 15px;}
.ultimes-lst ul li .notics-cnt span {flex: 0 1 100%;}
.ultimes-lst ul li .notics-cnt span br{display: none;}
.ultimes-lst ul li h3 {flex: 0 1 100%; font-size: 20px; line-height: 22px;}


}  

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@container card (max-width:500px) {
.newsletter h2 br{display: none;}
.oferta-sec ul li h3 {font-size: 22px;line-height: 25px;}
.act-list ul li .act-cnt h3{font-size: 20px; line-height: 24px;}
.proximes-inner h2{font-size: 24px; line-height: 24px;}

/*oferta-educativa*/
.xoco-list-sec .lst-pad ul li {flex: 0 1 100%;}
.logo-oferta img { width: 52px;}
.artistes-sec h2{font-size: 28px;line-height: 32px;}
.dtl-cnt h2{font-size: 28px;line-height: 32px;}
.noticies .noticies-grid li{flex: 0 1 100%;}
.altres-sec ul li {flex: 0 1 100%;}
.noticies .noticies-grid li .noticies-cont h3{font-size: 24px; line-height: 28px;}
.noticies .noticies-grid li:nth-child(3) .noticies-cont h3, .noticies .noticies-grid li:last-child .noticies-cont h3 {font-size: 24px; line-height: 28px;}
.mob-search{width: 80%;}

}

@container card (max-width:420px) {
.vine-sec ul{row-gap: 10px; column-gap: 4%; justify-content: center;}
.vine-sec ul li{flex: 0 1 48%;}
.vine-sec ul li a{width: 100%; height: 38px; width: 100%;font-size: 13px;height: 38px;padding: 10px 18px;}
.oferta-sec ul{row-gap: 30px;}
.oferta-sec ul li {flex: 0 1 100%;}
.proximes-sec ul li {flex: 0 1 100%;}
.espais-list ul{column-gap: 0; row-gap: 30px;}
.espais-list ul li {flex: 0 1 100%;}

}