.main-menu.z-top {
	  	position: fixed;
	  	top: 0;
	  	height: 60px;
		background: rgba(0,0,0,0.90);
	}
	
	  div.site-logo {
	    display: inline-block;
	    position: absolute;
	  	left: calc(50% - 218px);
	  	top: 15%;
	  }

	.z-top {
	  	z-index: 999999;

	}
	.site-logo img.site-logo {
	  width: 86px;
	}
	
	.site-logo img.site-title {
	  width: 340px;
	  margin-left: 5px;
	}
	
		.center-big-menu {
		  position: absolute;
		  top: 50%;
		  left: 0;
		  z-index: 99;
		}
	
	.big-item {
	  background: rgba(255,255,255,0.8);
	  margin: 5px 5px;
	  width: 195px;
	  border-radius: 10px;
	height: 175px;
	}
	
	.big-item-red {
	  background: rgba(206,0,0,0.89) ;
	}
	
	.big-item a {
	  color: #353535;
	  font-family: ahang-bold;
	  font-size: 22px;
	  text-align: center;
	  width: 100%;
	}
	
	.big-item-img {
		width: 56px;
	}
	
	.ls-gui-element.ls-bottom-nav-wrapper {
	  width: 150px;
	  padding-top: 0 !important;
	  position: relative;
	  top: -30px;
	}
	
	.ls-bottom-slidebuttons {
	  background: rgba(0,0,0,0.9);
	  padding: 4px 10px;
	  right: -25px !important;
	  border-radius: 2px;
	}
	
	.ls-gui-element.ls-nav-prev, .ls-gui-element.ls-nav-next {
	  display: none;
	}
	
	.big-item a span {
	  font-family: ahang-bold;
	}
	
	.big-item-red a {
	  color: #fff;
	}
	
	.big-item-lead {
	  font-family: ahang-light !important;
	  font-size: 14px;
	}

	.form-group.input-text-wrapper {
	  display: inline-block;
		margin-bottom: 0;
	}
	
	.search-icon {
		background: transparent url(ico_search.svg) no-repeat 50% 50%;
		width: 84px;
		height: 60px;
	}
	
	.search-form {
	  	display: none;
		width: 150px;	
		overflow: hidden;
	}
	
	.store-search-box {
	  width: 86px;
	  height: 60px;
		transition: 0.3s;
	  overflow: hidden;
		white-space: nowrap;
	}
	
	.store-search-box:hover .search-form {
	  	display: flex;
	} 
	
	.store-search-box:hover {
	  width: 254px;
	}
	
	.search-form .field {
	  border-color: #666;
		width: 110px;
		
	}
	
	.lang-selector {
	  background: #000;
	  color: #fff;
	  display: flex;
	  align-items: center;
	  padding: 5px 10px;
	  cursor: pointer;
		border-right: 1px solid #222;
	}
	
	.lang-selector a span{
	  color: #fff;
	}
	
	.lang-selector:hover {
	  background: #ba0000;
	}
	
	.buy-ticket {
		background: #ba0000;
	}
	
	.buy-ticket a span{
	  color: #fff;
	  font-family: ahang-bold;
	  padding: 5px;		
		line-height: 50px;
	}
	
	.buy-ticket a span:before {
		background: url(ticket-ico.svg) no-repeat 50% 50%;
		content: " ";
		width: 25px;
		height: 30px;
		display: inline-block; 
		position: relative;
		right: -2px;
		top: 10px;
	}
	
	.menu-page-link {
	  justify-content: center;
	}
	
	.menu-page-link:hover a span {
	  color: #fff;
	}
	
	.menu-page-link a span {
	  color: #d9d9d9;
		padding: 2px 15px;
		position: relative;
		font-weight: bold;
	}
	
	
	.menu-page-link a span:after {
    content:"";
    position:absolute;
    top:20%;
    right:1px;
    width:1px;
    height:60%;
    background:#d9d9d9;
}

.contentView-portlet .ls-bottom-slidebuttons {
  padding-left: 10px;
  border-radius: 10px;
}

.contentView-portlet .ls-bottom-slidebuttons a {
  background: #0C9D51 !important;
}

.noprefs-main3 .page-icon.sarv.home::after{display:none}
.noprefs-main3 .menu-page-link:first-child .page-icon::after{background:0}
.noprefs-main3 .contentView-portlet .ls-gui-element.ls-bottom-nav-wrapper{padding-top:0;width:100px}
.noprefs-main3 .social-item{display:inline-block;width:24px;height:24px;margin-right:10px}
.noprefs-main3 a.social-item.soroush{background:transparent url(/o/com.rayanehsabz.content.view/css/soroush.svg) no-repeat scroll center center}
.noprefs-main3 a.social-item.aparat{background:transparent url(/o/com.rayanehsabz.content.view/css/aparat.svg) no-repeat scroll center center;background-size:30px}
.noprefs-main3 a.social-item.bale{background:transparent url(/o/com.rayanehsabz.content.view/css/bale.svg) no-repeat scroll center center}
.noprefs-main3 a.social-item.eitaa{background:transparent url(/o/com.rayanehsabz.content.view/css/eitaa.svg) no-repeat scroll center center}
.noprefs-main3 a.social-item.instagram{background:transparent url(/o/com.rayanehsabz.content.view/css/instagram.svg) no-repeat scroll center center}
.noprefs-main3 a.social-item.twitter{background:transparent url(/o/com.rayanehsabz.content.view/css/twitter.svg) no-repeat scroll center center}
.noprefs-main-page .menu-logo{transition:.3s all;width:45px}

.news-row-12 {
	padding-top: 25px;
}

.news-row-12 .abstract-title-container {
	background: #000;
	padding: 20px !important;
	border-radius: 10px;
}

.news-row-12 .abstract-item img {
	filter: none;
}

.news-row-12 .abstract-item .abstract-title-container {
	border: none;
	box-shadow: none;
}

.news-row-12 .abstract-item .item-title {
	width: 100%;
	background: rgba(10, 86, 18, 0.6);
	height: 60px;
	overflow: hidden;
	filter: saturate(100%) contrast(180%);
	position: absolute;
    bottom: 0;
	
}

.news-row-12 .abstract-item .item-title a {
	color: #fff;
	font-size: 16px;
}

.news-row-12 .news-category-title a {
	position: relative;
	top: -5px;
	font-size: 24px;
	color: #16a355;
	font-family: ahang-bold;
}

.news-row-12 .news-category-title a::before {
	content: '';
	position: absolute;
	z-index: 0;
	left: -5px;
	right: -5px;
	bottom: -8px;
	height: 0;
	border: 3px solid #16a355;
	border-radius: 3px;
}

.news-row-12 .archives-link {
	background: #1d1d1f;
	padding: 5px 10px;
	border-radius: 5px;
	color: #464648;
	font-family: ahang-bold;
	font-size: 20px;
	margin: 0 5px;
}

.news-row-12 .archives-link:hover {
	background: #159f52;
	color: #262219;
}

.news-row-12 .abstract-item2 .item-title.news-item {
	background: #fff;
	padding: 10px;
	color: #2a2a2a;
}

.news-row-12 .abstract-title-interior {
	position: relative;
}

.news-row-12 .abstract-item {
	margin-bottom: 10px;
}

.news-row-12 .abstract-item.news-item {
	padding-left: 7px;
	padding-right: 7px;
}

.news-row-12 .sabz-portlet-header {
	padding-top: 65px;
	padding-bottom: 15px;
}

.news-row-12 .pic-col.abstract-item img {
	border-radius: 10px;
    
}

.news-row-12 .img-container2 {
	overflow: hidden;
	vertical-align: middle;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.news-row-12 .abstract-item2 {
	margin-bottom: 10px;
}

.news-row-12 .item-title2 {
	background: #000;
	border-radius: 10px;
	color: #fff;
	padding: 10px 10px;
}

@media (min-width: 1300px) {
  .news-row-12 .container {
    max-width: 1260px;
  }
}

@media (min-width: 1600px) {
  .news-row-12 .container {
    max-width: 1380px;
  }
}

.fullpage-wrapper .multimedia-row-12 {
  background: #000 !important;
}



.multimedia-row-12 {
	padding-top: 25px;
}

.multimedia-row-12 .abstract-title-container {
	background: #000;
	padding: 25px !important;
}

.multimedia-row-12 .abstract-item img {
	filter: none;
}

.multimedia-row-12 .archives {
	position: relative;
}

.multimedia-row-12 .abstract-item .abstract-title-container {
	border: none;
	box-shadow: none;
}

.multimedia-row-12 .abstract-title-interior .item-title {
	width: 100%;
	position: absolute;
	bottom: 0;
	transition: 0.4s all;
	background: rgba(10, 86, 18, 0.6);
	height: 0px;
	overflow: hidden;
	filter: saturate(100%) contrast(180%);
}

.multimedia-row-12 .video-player:after {
	background: rgba(20,20,20,0.9) url(play-video-1.svg) no-repeat 0px 4px;
	background-size: 75px 75px;
	z-index: 9;
	content: "";
	width: 78px;
	height: 78px;
	display: block;
	position: absolute;
	top: calc(50% - 34px);
	right: calc(50% - 34px);
	border-radius: 50%;
	cursor: pointer;
}

.multimedia-row-12 .video-player-container {
	position: absolute;
	top: 10%;
	right: 10%;
	background: rgba(0,0,0,0.9);
	padding: 50px;
	width: 80%;
	height: 90%;
	margin: 0 auto;
	z-index: 99;
}

.multimedia-row-12 .close-video {
	position: absolute;
	left: 10px;
	top: 10px;
}

.multimedia-row-12 .close-video:after {
	content: "\e8f7";
	width: 30px;
	height: 30px;
	display: inline-block;
	color: #eee;
	border-radius: 50%;
	font-family: feather;
	font-size: 40px;
	cursor: pointer;
}

.multimedia-row-12 #galleryVideo {
	max-width: 80%;
}

.multimedia-row-12 .gallery-container .col-md-4,
.multimedia-row-12 .gallery-container .col-md-6,
.multimedia-row-12 .gallery-container .col-md-8,
.multimedia-row-12 .gallery-container .col-md-12 {
	padding-left: 2px;
	padding-right: 2px;
}

.multimedia-row-12 .abstract-item .item-title a {
	color: #fff;
	font-size: 16px;
}

.multimedia-row-12 .news-category-title a {
	position: relative;
	top: -5px;
	font-size: 24px;
	color: #16a355;
	font-family: ahang-bold;
}

.multimedia-row-12 .news-category-title a::before {
	content: '';
	position: absolute;
	z-index: 0;
	left: -5px;
	right: -5px;
	bottom: -8px;
	height: 0;
	border: 3px solid #16a355;
	border-radius: 3px;
}

.multimedia-row-12 .archives-link {
	background: #16a355;
	padding: 5px 10px;
	border-radius: 5px;
	color: #464648;
	font-family: ahang-bold;
	font-size: 20px;
	margin: 0 5px;
}

.multimedia-row-12 .archives-link:hover {
	background: #159f52;
	color: #262219;
}

.multimedia-row-12 .abstract-item2 .item-title.news-item {
	background: #fff;
	padding: 10px;
	color: #2a2a2a;
}

.multimedia-row-12 .abstract-title-interior {
	position: relative;
}

.multimedia-row-12 .abstract-item {
	margin-bottom: 10px;
}

.multimedia-row-12 .abstract-item.news-item {
	padding-left: 7px;
	padding-right: 7px;
}

.multimedia-row-12 .sabz-portlet-header {
	padding-top: 65px;
	padding-bottom: 15px;
}

.multimedia-row-12 .pic-col.abstract-item img {
	border-radius: 5px;
}

.multimedia-row-12 .img-container2 {
	overflow: hidden;
	vertical-align: middle;
	border-radius: 5px;
	margin: 4px;
}

.multimedia-row-12 .abstract-item2 {
	margin-bottom: 10px;
}

.multimedia-row-12 .item-title2 {
	background: #000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #fff;
	padding: 5px 10px;
	font-family: ahang-bold;
}

@media (min-width: 1641px) {
  .multimedia-row-12 .qube2 {
    width: 388px;
    height: 356px;
  }
}

@media (min-width: 1641px) {
  .multimedia-row-12 .qube1 {
    width: 190px;
  }
}


.contact-row .pic-col.abstract-item img {
	border-radius: 5px;
}

.contact-row .col-md-4,
.contact-row .col-md-6,
.contact-row .col-md-8,
.contact-row .col-md-12 {
	padding-right: 2px;
	padding-left: 2px;
}

.contact-row .item-title {
	position: absolute;
	bottom: 8%;
	right: 5%;
	background: #159f52;
	border-radius: 2px;
	padding: 2px 8px;
	z-index: 2;
}

.contact-row .item-title a {
	color: #fff;
}

.contact-row .img-container2 {
	overflow: hidden;
	vertical-align: middle;
	border-radius: 5px;
	margin: 4px;
}

.contact-row .abstract-item2 {
	margin-bottom: 10px;
}

.contact-row #map_canvas {
	border-radius: 5px;
}

.contact-row .pic8 .item-title-icon::after {
	content: " ";
	background: transparent url("360-degrees.svg") no-repeat scroll center center;
	display: block;
	width: 100px;
	height: 68px;
	margin-top: 20px;
}

.contact-row .pic8 .item-title-icon {
	position: absolute;
	top: 15%;
	right: 6%;
	z-index: 2;
}

.contact-row .pic8 .item-lead {
	color: #fff;
	width: 39%;
	right: 5%;
	position: absolute;
	bottom: 22%;
	text-align: justify;
	z-index: 2;
	padding-left: 5px;
	padding-right: 5px;
}

.contact-row .pic8 .item-lead p {
	line-height: 20px;
	color: #fff;
}

.contact-row .pic8 .img-container2::after {
	content: "";
	background: rgba(0,0,0,.5);
	width: 49%;
	position: absolute;
	right: 6px;
	bottom: 3px;
	z-index: 1;
	height: calc(100% - 6px);
}

.contact-row .pic9 .img-container2::after {
	content: "";
	background: rgba(0,0,0,.4);
	width: calc(100% - 12px);
	position: absolute;
	right: 6px;
	bottom: 3px;
	z-index: 1;
	height: calc(100% - 6px);
}

.contact-row .pic10 .img-container2::after,
.contact-row .pic11 .img-container2::after {
	content: "";
	background: rgba(0,0,0,.4);
	width: calc(100% - 8px);
	position: absolute;
	right: 4px;
	bottom: 3px;
	z-index: 1;
	height: calc(100% - 6px);
}

@media (min-width: 1641px) {
  .contact-row .qube8 {
    height: 383px;
  }
}


.museum-page .news-category-title {
	position: relative;
	top: -5px;
	font-size: 24px;
	color: #16a355;
	font-family: ahang-bold;
}

.museum-page .news-category-title::before {
	content: '';
	position: absolute;
	z-index: 0;
	right: -5px;
	left: -5px;
	bottom: -8px;
	height: 0;
	border: 3px solid #16a355;
	border-radius: 3px;
}

.museum-page .museum-item img {
	padding: 40px;
	cursor: pointer;
	transition: 0.5s all;
	width: 100%;
	filter: blur(3px);
	min-width: 180px;
	border-radius: 5px;
}

.museum-page .museum-item.active {
	cursor: default;
}

.museum-page .slick-center img {
	filter: none;
	transform: scale(1.58);
}

.museum-page .slick-center + .museum-item img {
	filter: blur(2px);
	position: relative;
	left: 25px;
	transform: scale(1.28);
}

.museum-page .slick-nav {
	position: relative !important;
	top: 0;
	left: 0;
	height: 55px;
	width: 112px;
	overflow: hidden;
}

.museum-page .slick-nav .slick-arrow::before {
	background-color: #16a355;
	background-size: 12px;
	width: 35px;
	height: 35px;
}

.museum-page .slick-nav .slick-arrow {
	width: 35px;
	height: 35px;
}

.museum-page .museum-item .lead {
	height: 320px;
	color: #222;
	font-family: ahang-light !important;
	direction: rtl;
	text-align: justify;
	padding-top: 30px;
	font-size: 16px;
}

.museum-page .slick-center .lead {
	color: #fff !important;
	overflow: hidden;
}

.museum-page .slick-center .lead span {
	font-family: ahang-light !important;
	color: #fff !important;
	direction: rtl;
	text-align: justify;
	font-size: 16px;
}

.museum-page .museum-badge {
	background: #16a355;
	padding: 8px 15px;
	border-radius: 5px;
	display: none;
}

.museum-page .slick-center .museum-badge {
	display: inline-block;
}

.link-row-77 .news-category-title {
	position: relative;
	top: -5px;
	font-size: 24px;
	color: #16a355;
	font-family: ahang-bold;
}

.link-row-77 .news-category-title::before {
	content: '';
	position: absolute;
	z-index: 0;
	right: -5px;
	left: -5px;
	bottom: -8px;
	height: 0;
	border: 3px solid #16a355;
	border-radius: 3px;
}

.link-row-77 .news-item {
	border-radius: 10px;
	margin: 10px 8px;
	transition: 0.5s all;
}

.link-row-77 .news-item:not(.slick-center) {
	background: #3a3a3c !important;
}

.link-row-77 .news-item.slick-center {
	transform: scale(1.28);
}

.link-row-77 .news-item img {
	width: 88px;
	height: 92px;
	padding: 10px 14px;
}

.link-row-77 .link-title {
	font-family: ahang-bold;
	color: #fff;
	padding: 10px;
	position: relative;
	font-size: 14px;
}

.link-row-77 .link-title::before {
	content: '';
	position: absolute;
	z-index: 0;
	right: -2px;
	left: -2px;
	bottom: -5px;
	height: 0;
	border: 2px solid #fff;
	border-radius: 2px;
}

.link-row-77 .link-title::after {
	content: '';
	position: absolute;
	z-index: 0;
	right: -2px;
	left: -2px;
	top: -5px;
	height: 0;
	border: 2px solid #fff;
	border-radius: 2px;
}

.link-row-77 .slick-nav .slick-arrow::before {
	background-color: #16a355;
	background-size: 12px;
	width: 35px;
	height: 35px;
}

.link-row-77 .slick-nav {
	position: relative !important;
	top: 0px;
	left: 0px;
	height: 55px;
	width: 112px;
	overflow: hidden;
}

.link-row-77 .slick-nav .slick-arrow {
	width: 35px;
	height: 35px;
}

.contentView-portlet .slick-nav .slick-arrow {
  float: left;
  width: 35px;
  background: #fff;
  height: 35px;
  text-indent: 9999px;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
  display: block;
    margin-left: 5px;
}

.contentView-portlet .slick-nav .slick-arrow.slick-prev::before {
  transform: scaleX(-1);
}
.link-row-77 .slick-nav .slick-arrow::before {
  width: 35px;
  height: 35px;
}
.link-row-77 .slick-nav .slick-arrow::before {
  background-color: #16a355;
  background-size: 12px;
}
.contentView-portlet .slick-nav .slick-arrow::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
}
.slick-nav .slick-arrow::before {
  background: #399 url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032.7%2057%22%20style%3D%22enable-background%3Anew%200%200%2032.7%2057%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A6%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolyline%20id%3D%22XMLID_19_%22%20class%3D%22st0%22%20points%3D%223%2C3%2028.5%2C28.5%203%2C54%20%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat scroll center center/16px 28px;
    background-color: rgb(51, 153, 153);
    background-size: cover;
}





.layer-slider-root {
  position: relative;
}


/* ============================================================
   MOBILE BOTTOM NAVIGATION BAR
   ============================================================ */

/* Hide desktop menu on mobile */
@media (max-width: 768px) {
    .main-menu {
        display: none !important;
    }

    /* Space so page content doesn't hide behind bottom nav */
    .noprefs-main-page {
        padding-bottom: 64px;
    }
    
    .site-logo img.site-title {
  		width: 250px;
    }
	.site-logo img.site-logo {
	  width: 60px;
	}    

	div.site-logo {
	  display: inline-block;
	  position: absolute;
	  left: 0;
	  top: 5%;
	  width: 100%;
	  text-align: center;
	}

    
}

/* Bottom nav container */
.mobile-bottom-nav {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 64px;
    background: rgba(0,0,0,0.85);
    z-index: 1050;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
    .mobile-bottom-nav {
        display: flex;
        align-items: stretch;
    }
    
	.mobile-more-sheet {
	  transform: translateY(100%);
	}
    
}

/* Each nav item */
.mobile-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 10px;
    gap: 3px;
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
    transition: color 0.2s;
}

.mobile-nav-item:hover,
.mobile-nav-item.active {
    color: #c00; /* replace with your brand color */
    text-decoration: none;
}

/* Icon inside bottom nav */
.mobile-nav-item .page-icon {
    font-size: 20px;
    line-height: 1;
}

/* Label text */
.mobile-nav-item .nav-label {
    font-size: 13px;
    font-family: inherit;
    white-space: nowrap;
    font-family: ahang-bold;
}

/* ============================================================
   MORE SHEET (popup for extra items)
   ============================================================ */

.mobile-more-sheet-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1049;
}

.mobile-more-sheet-overlay.open {
    display: block;
}

.mobile-more-sheet {
  transform: translateY(200%);
}

.mobile-more-sheet {
    position: fixed;
    bottom: 64px;
    right: 0;
    left: 0;
    background: #fff;
    border-radius: 16px 16px 0 0;
    padding: 16px 0 8px;
    z-index: 1050;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease;
}

.mobile-more-sheet.open {
    transform: translateY(0);
}

.mobile-more-sheet-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
}

.mobile-more-sheet-item:last-child {
    border-bottom: none;
}

.mobile-more-sheet-item .page-icon {
    font-size: 20px;
    color: #c00; /* brand color */
}

.mobile-more-sheet-item:hover {
    background: #fafafa;
    text-decoration: none;
    color: #333;
}

@media (max-width: 768px) {

  /* Hide 5th card */
  .center-big-menu .big-button:last-child {
    display: none !important;
  }

  /* Grid container */
  .center-big-menu {
    position: absolute !important;
    bottom: 16px !important;
    top: 28% !important;
    left: 4px !important;
    right: 4px !important;
    width: auto !important;
    max-width: none !important;
	height: 65vw;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;

    overflow: visible !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    justify-content: unset !important;
    padding: 0 !important;

    z-index: 100;
  }

  .center-big-menu .big-button {
    width: 100% !important;
  }

  /* Card size — fixed by vw */
  .center-big-menu .big-item {
    width: 44vw !important;
    height: 25vw !important;
    padding: 8px !important;
    box-sizing: border-box;
  }

  /* Icon */
  .center-big-menu .big-item-img {
    width: 42px !important;
    height: 42px !important;
  }

  /* Title */
  .center-big-menu .ticket-icon {
    font-size: 16px !important;
    line-height: 1.3;
  }

  /* Description — clamp to 2 lines */
  .center-big-menu .big-item-lead {
    font-size: 9px !important;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .center-big-menu .big-item-lead {
    display: none !important;
  }
  
  .news-row-12 .abstract-title-container {
    padding: 5px 20px !important;
  }
  
}


@media (max-width: 768px) {

    /* ============================================================
       RESET BOOTSTRAP GRID
       ============================================================ */
    .gallery-container .col-md-8,
    .gallery-container .col-md-4,
    .gallery-container .col-md-6,
    .gallery-container .col-md-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .gallery-container .col-md-8.pr-0.d-flex.flex-column,
    .gallery-container .col-md-4.pl-0.d-flex.flex-column {
        width: 100% !important;
        display: block !important;
    }

    /* ============================================================
       BLOCK 1: pic0 (large) + pic1/pic2
       ============================================================ */

    .gallery-container .col-md-8.pr-0.d-flex.flex-column > .w-100.d-flex:first-child {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch;
        width: 100% !important;
        gap: 4px;
    }

    .gallery-container .col-md-8.pr-0.d-flex.flex-column > .w-100.d-flex:first-child > .col-md-8 {
        flex: 0 0 60% !important;
        max-width: 60% !important;
        padding: 0 2px 0 0 !important;
    }

    .gallery-container .col-md-8.pr-0.d-flex.flex-column > .w-100.d-flex:first-child > .col-md-4 {
        flex: 0 0 40% !important;
        max-width: 40% !important;
        padding: 0 0 0 2px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px;
    }

    .gallery-container .pic0 .img-container2 {
        height: 45vw !important;
    }

    .gallery-container .pic1 .img-container2,
    .gallery-container .pic2 .img-container2 {
        height: 22vw !important;
    }

    /* ============================================================
       BLOCK 2: pic3 + pic4 + pic5 + pic6 — 2×2 grid
       ============================================================ */

    .gallery-container .col-md-8.pr-0.d-flex.flex-column > .w-100.d-flex:last-child {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .gallery-container .col-md-8.pr-0.d-flex.flex-column > .w-100.d-flex:last-child > .col-md-6:first-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .gallery-container .col-md-8.pr-0.d-flex.flex-column > .w-100.d-flex:last-child > .col-md-6:first-child .col-md-12 {
        display: flex !important;
        flex-direction: row !important;
        gap: 4px;
        padding: 0 !important;
    }

    .gallery-container .col-md-8.pr-0.d-flex.flex-column > .w-100.d-flex:last-child > .col-md-6:first-child .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 !important;
    }

    .gallery-container .pic3 .img-container2,
    .gallery-container .pic4 .img-container2,
    .gallery-container .pic5 .img-container2,
    .gallery-container .pic6 .img-container2 {
        height: 28vw !important;
    }

    /* ============================================================
       BLOCK 3: pic7 — full width video
       ============================================================ */

    .gallery-container .col-md-8.pr-0.d-flex.flex-column > .w-100.d-flex:last-child > .col-md-6:last-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 4px;
        padding: 0 !important;
    }

    .gallery-container .pic7 .img-container2 {
        height: 56vw !important;
    }

    /* ============================================================
       BLOCK 4: pic8 + pic9 — side by side
       ============================================================ */

    .gallery-container .col-md-4.pl-0.d-flex.flex-column > .col-md-12:nth-child(1) {
        display: flex !important;
        flex-direction: row !important;
        gap: 4px;
        padding: 0 !important;
        margin-top: 4px;
    }

    .gallery-container .col-md-4.pl-0.d-flex.flex-column > .col-md-12:nth-child(1) > .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 !important;
    }

    .gallery-container .pic8 .img-container2,
    .gallery-container .pic9 .img-container2 {
        height: 28vw !important;
    }

    /* ============================================================
       BLOCK 5: pic10 — full width video
       ============================================================ */

    .gallery-container .col-md-4.pl-0.d-flex.flex-column > .col-md-12:nth-child(2) {
        padding: 0 !important;
        margin-top: 4px;
    }

    .gallery-container .pic10 .img-container2 {
        height: 56vw !important;
    }

    /* ============================================================
       BLOCK 6: pic11 — full width
       ============================================================ */

    .gallery-container .col-md-4.pl-0.d-flex.flex-column > .col-md-12:nth-child(3) {
        padding: 0 !important;
        margin-top: 4px;
    }

    .gallery-container .pic11 .img-container2 {
        height: 40vw !important;
    }

    /* ============================================================
       SHARED — image fit
       ============================================================ */

    .gallery-container .img-container2 img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* ============================================================
       ITEM TITLE
       ============================================================ */

    .gallery-container .item-title {
        font-size: 11px !important;
        line-height: 1.4;
    }

    .gallery-container .item-title a {
        font-size: 11px !important;
    }

    /* ============================================================
       VIDEO PLAYER
       ============================================================ */

    .gallery-container .video-player {
        position: relative;
    }

    .gallery-container .video-player .img-container2 {
        position: relative;
    }

    /* ============================================================
       FALLBACK — direct pic selectors
       ============================================================ */

    .gallery-container .pic7,
    .gallery-container .pic10,
    .gallery-container .pic11 {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .gallery-container .pic3,
    .gallery-container .pic4,
    .gallery-container .pic5,
    .gallery-container .pic6,
    .gallery-container .pic8,
    .gallery-container .pic9 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
	.multimedia-row-12 .video-player-container {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100% !important;
        height: 100% !important;
        padding: 16px;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .multimedia-row-12 .video-player-container video,
    .multimedia-row-12 .video-player-container iframe {
    	max-width: 100%;
        width: 100% !important;
        height: auto !important;
        max-height: 80vh;
    }    
}

/* Very small phones */
@media (max-width: 380px) {
    .gallery-container .pic0 .img-container2  { height: 50vw !important; }
    .gallery-container .pic7 .img-container2,
    .gallery-container .pic10 .img-container2 { height: 60vw !important; }
}