/* GENERAL */

body,
html {
	font-family: var(--font-poppins);
}

.round-5 {
	border-radius: 5px;
}

.round-10 {
	border-radius: 10px;
}

.round-15 {
	border-radius: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-60 {
	margin-bottom: 60px;
}


/* HEADER STYLE */
.navbar-align-right ul li a {
	font-family: var(--font-poppins);
}

/* CONTENT - HEADER */
.section-header-blue {
	width: 100%;
	height: auto;
	overflow-y: unset;
	/* background: var(--blue-900); */
	background: var(--blue-800);
	min-height: 186px;
	padding-top: 0px;
	position: relative;
	margin-top: -152px;
	z-index: 2;
	min-height: 510px;
	background-size: cover;
	background-position: top center;
}

.title-header-cover {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 56.64%;
	transform: translate(-50%, -50%);
	max-width: 50%;
	text-align: center;
}

/* CONTENT - TITLE */

.title-header-cover {
	font-family: var(--font-poppins);
	font-size: 30px;
	font-weight: 600;
	color: var(--white-one);
	margin-bottom: 8px;
}

.title-header-cover h1 {
	font-size: 50px;
	color: var(--white-one);
	/* background: var(--blue-800); */
	padding: 1px 5px 6px 5px;
	margin-top: 6.4px;
	font-weight: 700;
	text-shadow: 1px 2.5px 3px rgba(0,0,0,0.48);
}

/* CONTENT - MAIN TEXT */

.section-static-contents {
	padding: 54px 0px 40px 0px;
}

.section-static-contents.busines-lines{
	padding: 54px 0px 35px 0px;
}
.static-contents-gallery {
	margin-top: 36px;
	position: relative;
}

.section-static-contents.link-profile-download {
	/* padding: 74px 0px 80px 0px; */
	padding: 74px 0px 74px 0px;
}

.paragraph-content {
	/*	font-weight: normal;
	color: var(--gray-600);
	font-family: var(--font-poppins);
	font-size: 16px;
	line-height: 180%;*/
	font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 160%;
	color: var(--gray-500);
	letter-spacing: 0.24px;
}

.paragraph-content ul {
	padding-left: 14.5px;
}

.paragraph-content ul li p {
	margin-bottom: 1.04rem;
}

.paragraph-content ul li:last-child p {
	margin-bottom: 1.38rem;
}

.paragraph-content ol li p {
	margin-bottom: 1.04rem;
}

.paragraph-content ol li:last-child p {
	margin-bottom: 1.38rem;
}

.paragraph-content ol {
	padding-left: 14.5px;
}

.paragraph-content p {
	margin-bottom: 1.38rem;
}

.paragraph-content img{
	/*box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);*/
}

.paragraph-content h1,
.paragraph-content h2,
.paragraph-content h3,
.paragraph-content h4,
.paragraph-content h5,
.paragraph-content h6 {
	font-family: var(--font-poppins);
	font-weight: 800;
	color: var(--blue-900);
	line-height: 135%;
}

.paragraph-content a,
.paragraph-content a:hover {
	color: var(--blue-900);
}

.paragraph-content.form-kontak-area a{
	color: var(--white-one);
	&:hover{
		color: var(--white-one);
	}
}

.paragraph-content figure a img {
	max-width: 100%;
	height: auto !important;
	margin-top: 18px;
	margin-bottom: 23px;
}

.paragraph-content figcaption {
	display: none;
}

/* CONTENT - TAGS */

.left-publisher {
	color: var(--gray-600);
	font-family: var(--font-poppins);
	width: 64%;
}

.post-tag-cloud ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.post-tag-cloud ul li {
	display: inline-block;
	line-height: 38.5px;
}

.post-tag-cloud ul li a {
	padding: 5px 13px;
	line-height: 20px;
	border: 1px solid var(--gray-300);
	border-radius: 5px;
	margin-right: 5px;
	font-size: 15px;
	margin-bottom: 20px;
	text-decoration: none;
	font-weight: normal;
	color: var(--gray-600);
	font-family: var(--font-poppins);
}

.post-tag-cloud ul li a:hover {
	background-color: var(--blue-900);
	color: #fff;
	border-color: transparent;
}


/* CONTENT - SHARING OPTIONS */

.right-share-content {
	color: var(--black-40);
	/* width: 55%; */
	width: 36%;
	min-height: 52px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	color: var(--gray-600);
	font-family: var(--font-poppins);
	position: relative;
}

.right-share-content ul {
	height: auto;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.left-share-content {
	color: var(--black-40);
	/* width: 55%; */
	width: 36%;
	min-height: 52px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	color: var(--gray-600);
	font-family: var(--font-poppins);
	margin-top: 12px;
	position: relative;
}

.left-share-content ul {
	height: auto;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.share-via {
	padding-left: 10px;
}

.share-via p {
	margin-bottom: 4px;
}

.socmed-circle {
	width: 32px;
	height: 32px;
	background: #d9d9e4;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.right-share-content ul li:first-child {
	padding-left: 0px;
}

.right-share-content ul li {
	padding: 6px 5px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	cursor: pointer;
}

.right-share-content ul li .socmed-circle.socmed-facebook {
	background: #e5effd;
	border: 1px solid #e5effd;
}

.right-share-content ul li .socmed-circle.socmed-facebook svg {
	width: 16px;
}

.right-share-content ul li .socmed-circle.socmed-facebook:hover {
	background: #5a79bc;
	border: 1px solid #5a79bc;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-facebook:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-twitter {
	background: #e4e5e8;
	border: 1px solid #e4e5e8;
}

.right-share-content ul li .socmed-circle.socmed-twitter svg {
	width: 13px;
}

.right-share-content ul li .socmed-circle.socmed-twitter:hover {
	background: #24292F;
	border: 1px solid #24292F;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-twitter:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram {
	background: #ffe7f6;
	border: 1px solid #ffe7f6;
}

.right-share-content ul li .socmed-circle.socmed-instagram svg {
	width: 16px;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #9000DC;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #9604D4;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #A810BF;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #C4249C;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #CF2B8F;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #E26D47;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #E26D47;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #E26D47;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #EA8928;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #FEDB16;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #FE6A58;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #D02E96;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #BC14B2;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #C512B4;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #9000DC;
}

.right-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #AA07C5;
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
	border: 1px solid transparent;
	border-image: linear-gradient(45deg, rgb(254, 219, 22) 0%, rgb(144, 0, 220) 100%);
	border: double 1px transparent;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 20px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg g path{
	fill: #fff!important;
	filter: unset;
}



.right-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg {
	filter: none !important;
}

.right-share-content ul li .socmed-circle.socmed-wa {
	background: #e7fff2;
	border: 1px solid #e7fff2;
}

.right-share-content ul li .socmed-circle.socmed-wa svg {
	width: 16px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #1bd741;
	;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.right-share-content ul li .socmed-circle.socmed-wa:hover {
	background: #1bd741;
	border: 1px solid #1bd741;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.left-share-content ul li:first-child {
	padding-left: 0px;
}

.left-share-content ul li {
	padding: 6px 5px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
	cursor: pointer;
}

.left-share-content ul li .socmed-circle.socmed-facebook {
	background: #e5effd;
	border: 1px solid #e5effd;
}

.left-share-content ul li .socmed-circle.socmed-facebook svg {
	width: 16px;
}

.left-share-content ul li .socmed-circle.socmed-facebook:hover {
	background: #5a79bc;
	border: 1px solid #5a79bc;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-facebook:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-twitter {
	background: #e4e5e8;
	border: 1px solid #e4e5e8;
}

.left-share-content ul li .socmed-circle.socmed-twitter svg {
	width: 13px;
}

.left-share-content ul li .socmed-circle.socmed-twitter:hover {
	background: #24292F;
	border: 1px solid #24292F;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-twitter:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram {
	background: #ffe7f6;
	border: 1px solid #ffe7f6;
}

.left-share-content ul li .socmed-circle.socmed-instagram svg {
	width: 16px;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #9000DC;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #9604D4;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #A810BF;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #C4249C;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #CF2B8F;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #E26D47;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #E26D47;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #E26D47;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #EA8928;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #FEDB16;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #FE6A58;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #D02E96;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #BC14B2;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #C512B4;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #9000DC;
}

.left-share-content ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #AA07C5;
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
	border: 1px solid transparent;
	border-image: linear-gradient(45deg, rgb(254, 219, 22) 0%, rgb(144, 0, 220) 100%);
	border: double 1px transparent;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 20px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg g path{
	fill: #fff!important;
	filter: unset;
}

.left-share-content ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg {
	filter: none !important;
}

.left-share-content ul li .socmed-circle.socmed-wa {
	background: #e7fff2;
	border: 1px solid #e7fff2;
}

.left-share-content ul li .socmed-circle.socmed-wa svg {
	width: 16px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #1bd741;
	;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.left-share-content ul li .socmed-circle.socmed-wa:hover {
	background: #1bd741;
	border: 1px solid #1bd741;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}


.socmed-circle.socmed-wa:hover svg path.st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--white-one);
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.socmed-circle .img-icon-socmed-share {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	padding: 6px 7px;
	min-height: 40px;
}

.socmed-circle.socmed-twitter .img-icon-socmed-share {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	padding: 6px 8.5px;
	min-height: 40px;
}
.social-network-corporate ul li .socmed-circle.socmed-instagram svg path{
	fill: #fff!important;
}

/* SECTION HISTORY GLOBAL START*/

.section-history {
	width: 100%;
	/* background: rgb(44, 61, 126);
	background: -moz-linear-gradient(left, rgba(44, 61, 126, 1) 0%, rgba(44, 61, 126, 1) 34%, rgba(24, 69, 162, 1) 34%, rgba(24, 69, 162, 1) 34%, rgba(24, 69, 162, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(44, 61, 126, 1) 0%, rgba(44, 61, 126, 1) 34%, rgba(24, 69, 162, 1) 34%, rgba(24, 69, 162, 1) 34%, rgba(24, 69, 162, 1) 100%);
	background: linear-gradient(to right, rgba(44, 61, 126, 1) 0%, rgba(44, 61, 126, 1) 34%, rgba(24, 69, 162, 1) 34%, rgba(24, 69, 162, 1) 34%, rgba(24, 69, 162, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c3d7e', endColorstr='#1845a2', GradientType=1); */
	background: var(--blue-900);
	min-height: 320px;
	padding-top: 84px;
	padding-bottom: 86px;
	position: relative;
	padding: 48px 0px 40px 0px;
}

.section-history::before{
	content: "";
	position: absolute;
	width: 100vw;
	background: #0653d9;
	height: 164px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0px;
}

/* .section-history::before {
	width: 100vw;
	height: 1.5px;
	background: var(--white-trans-2);
	content: " ";
	position: absolute;
	left: 0px;
	top: 148px;
} */

/* .section-history::after {
	width: 100vw;
	height: 8.5px;
	background: -moz-linear-gradient(left, rgba(44, 61, 126, 1) 0%, rgba(44, 61, 126, 1) 34%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(44, 61, 126, 1) 0%, rgba(44, 61, 126, 1) 34%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(44, 61, 126, 1) 0%, rgba(44, 61, 126, 1) 34fffa(255, 255, 255, 0) 34fffa(255, 255, 255, 0) 34fffa(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c3d7e', endColorstr='#ffffff', Gradiefff=1);
	content: " ";
	position: absolute;
	left: -6px;
	top: 148px;
} */


/* TABS SLICK TIPS START*/

#historytab-1 {
	display: block
}

.tab {
	background: transparent none;
	color: inherit;
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
	z-index: 1;
}

.tab-contents-history {
	padding: 0px 5px 0px 5px;
	display: none;
}

.tab-transparent {
	background: transparent none;
	color: inherit;
	margin-top: 0px;
	padding: 16px 0px;
	position: relative;
	z-index: 1;
	overflow: unset;
}

.wrp-tab-history .tab-contents-history {
	background: transparent normal;
}

.tab-transparent .tab-contents-history {
	padding: 0px 1px 0px 1px;
}

.wrp-tab-history {
	width: 100%;
	min-height: 196px;
	height: auto;
}

.tab-content-quicklink-page {
	padding: 32px 0px;
}

#infographlinkTabs {
	width: 100%;
	height: auto;
	border-bottom: 0px;
}

.history-quicklink-page {
	max-width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	align-items: center;
	-ms-align-items: center;
	display: flex;
	padding: 16px 0px;
}

.history-quicklink-page:first-child {
	margin-top: 86px;
}

.history-quicklink-page:last-child {
	margin-bottom: 10px;
}

.history-quicklink-page a {
	width: 100%;
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 0px;
	padding: 5px 0px;
	color: #363636;
	display: block;
	text-decoration: none;
	outline: none;
}

.history-quicklink-page a:hover {
	color: #363636;
	text-decoration: none;
}

#infographlinkTabs .nav-item {
	flex-basis: unset;
}

#infographlinkTabs .nav-link-tabs {
	background: var(--bg-tranpasrent);
	color: #fcfcfb;
	border: 0px;
	padding: 6px 6px 26px 6px;
	border-radius: 0px !important;
	cursor: pointer;
	font: normal 500 18px/30px var(--font-poppins);
}

#infographlinkTabs .nav-item.current a {
	background: var(--bg-tranpasrent);
	color: var(--yellow-two);
	border-bottom: 2px solid var(--yellow-two);
	border-radius: 0px !important;
	overflow: hidden;
	font: normal 700 18px/30px var(--font-poppins);
}

/* TABS SLICK TIPS END*/

/*  INFOGRAPHIC SLIDE TAB GLOBAL */
#historytab-1 {
	width: 100%;
}

.tab-contents-history {
	width: 100%;
}

.historyTabsmobile {
	height: auto;
	min-height: 56px;
	padding: 18px 0px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	position: relative;
}

.historyTabsmobile::before {
	content: "";
	width: 36px;
	height: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	/* background: #0653d9; */
	background: linear-gradient(45deg,  rgba(6,83,217,1) 0%,rgba(6,83,217,0.82) 41%,rgba(6,83,217,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 2;
}
.historyTabsmobile::after {
	content: "";
	width: 56px;
	height: 60px;
	position: absolute;
	left: unset;
	right: 0px;
	top: 0px;
	/* background: #0653d9; */
	background: linear-gradient(45deg,  rgba(6,83,217,0) 0%,rgba(6,83,217,0.82) 59%,rgba(6,83,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 2;
}
.historyTabsmobile .slick-slide {
	display: flex;
	width: auto !important;
	align-items: center;
	-ms-align-items: center;
}

.historyTabsmobile .slick-list .slick-track {
	min-height: 32px !important;
}

.historyTabsmobile li {
	flex-basis: 0;
	flex-grow: 1;
	text-align: center;
	flex: 1 1 auto;
	display: flex;
}

.historyTabsmobile li a {
	background: var(--bg-tranpasrent);
	border: 0px;
	border-radius: 4.5px !important;
	overflow: unset;
	padding: 16px 8px 16px 8px;
	color: #fcfcfb;
	font: normal 500 18px/30px var(--font-poppins);
	min-width: 124px !important;
	height: auto;
	text-align: center;
	text-decoration: none;
	width: auto;
	position: relative;
}

.historyTabsmobile li.current a {
	background: var(--bg-tranpasrent);
	color: var(--orange-500)!important;
	border-bottom: 2px solid var(--yellow-two);
	border-radius: 0px !important;
	overflow: unset;
	padding: 16px 8px 16px 8px;
	color: var(--yellow-two);
	font: normal 500 18px/30px var(--font-poppins);
	min-width: 132px;
	height: auto;
	text-align: center;
	text-decoration: none;
	position: relative;
}

.historyTabsmobile li a::before {
	content: " ";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: var(--orange-500);
	top: 48px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;	
	z-index: 6;
}

.historyTabsmobile li.current a::before {
	content: " ";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: var(--orange-500);
	top: 48px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;	
	z-index: 6;
}

.historyTabsmobile li a::after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 6px;
	border-radius: 0px;
	background: var(--white-one);
	top: 54px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;	
}

.historyTabsmobile li:first-child a::after {
	content: " ";
	position: absolute;
	width: 54.24%;
	height: 6px;
	border-radius: 0px;
	background: var(--white-one);
	top: 54px;
	margin-left: auto;
	margin-right: auto;
	left: unset;
	right: 0px;	
}

.historyTabsmobile li:last-child a::after {
	content: " ";
	position: absolute;
	width: 54.24%;
	height: 6px;
	border-radius: 0px;
	background: var(--white-one);
	top: 54px;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	right: unset;	
}

.historyTabsmobile .slick-next {
	width: 30px;
	height: 32px;
	border-radius: 16px;
	/* background-color: rgba(255, 255, 255, 0.69); */
	background-color: #0653d9;
	top: 36px;
	right: 1.5px;
	opacity: 1!important;
	border: 2px solid var(--white-one);
	padding: 6.4px 6.4px;
	z-index: 4;
}

.historyTabsmobile .slick-next img{
	filter: brightness(0) invert(1);
}
.historyTabsmobile .slick-next:hover,
.historyTabsmobile .slick-next:focus {
	/* background-color: rgba(255, 255, 255, 0.99); */
	background-color: #0653d9;
}

.historyTabsmobile .slick-next::before {
	content: '›' !important;
	font-size: 32px;
	line-height: 11.5px !important;
	filter: invert(64%);
	display: none;
}

.historyTabsmobile .slick-prev {
	width: 30px;
	height: 32px;
	border-radius: 16px;
	/* background-color: rgba(255, 255, 255, 0.56); */
	background-color: #0653d9;
	top: 36px;
	left: 1.5px;
	opacity: 1!important;
	border: 2px solid var(--white-one);
	padding: 6.4px 6.4px;
	z-index: 4;
}

.historyTabsmobile .slick-prev img{
	filter: brightness(0) invert(1);
}

.historyTabsmobile .slick-prev::before {
	content: '‹' !important;
	font-size: 32px;
	line-height: 11.5px !important;
	filter: invert(64%);
	display: none;
}

.historyTabsmobile .slick-prev:hover {
	/* background-color: rgba(255, 255, 255, 0.99); */
	background-color: #0653d9;
	top: 36px;
}

.historyTabsmobile .slick-prev:focus {
	/* background-color: rgba(255, 255, 255, 0.56); */
	background-color: #0653d9;
	top: 36px;
}

.historyTabsmobile .slick-list .slick-track {
	/* min-width: 994px !important;
	max-width: 994px !important; */
	min-width: 654px !important;
	max-width: 654px !important;	
	margin-right: 44px;
	/* width: 994px !important; */
	width:654px !important;
}

/*  INFOGRAPHIC SLIDE TAB GLOBAL END */


.section-infographic-home .row .col-xxl-4 {
	position: sticky;
	position: -webkit-sticky;
	/* for Safari */
	position: sticky;
	top: 210px;
	align-self: flex-start;
}

.wrp-label-left {
	width: 100%;
	height: auto;
	padding-right: 48px;
	margin-top: 92px;
	margin-bottom: 92px;
}

.wrp-label-left h3 {
	font: normal 700 32.24px/41.64px var(--font-poppins);
	color: var(--white-one);
	margin-bottom: 8px;
	letter-spacing: 0.64px;
}

.wrp-label-left h2 {
	font: normal 700 52.24px/60.64px var(--font-sora);
	color: var(--white-one);
	margin-bottom: 8px;
	letter-spacing: 0.64px;
}

.wrp-infograph-content {
	width: 100%;
	height: auto;
	padding: 24px 24px;
	border: 1px solid var(--white-trans-2);
	min-height: 320px;
}

.wrp-card-infograph {
	width: 100%;
	display: flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	min-height: 220px;
}

.row-infographic-history .col-12:nth-child(3) .wrp-card-infograph,
.row-infographic-history .col-12:nth-child(4) .wrp-card-infograph,
.row-infographic-history .col-12:nth-child(5) .wrp-card-infograph,
.row-infographic-history .col-12:nth-child(6) .wrp-card-infograph,
.row-infographic-history .col-12:nth-child(7) .wrp-card-infograph,
.row-infographic-history .col-12:nth-child(8) .wrp-card-infograph {
	height: auto;
	min-height: 186px;
	margin-top: 30px;
}

.wrp-label-left {
	width: 100%;
	height: auto;
}

.left-icon-infograp {
	width: 86px;
	height: 86px;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.left-icon-infograp img {
	max-width: 100%;
	height: auto;
	padding: 12px 12px;
}

.left-icon-infograp .icon-86 {
	padding: 15px 15px;
	width: 74px;
	min-height: 74px;
}


.left-icon-infograp .icon-86 svg path {
	fill: var(--white-one);
}

.left-icon-infograp .icon-86 svg g rect {
	fill: var(--white-one);
}

.left-icon-infograp .icon-86 svg path.st0 {
	fill: var(--white-100);
}

.right-text-infogrph {
	width: 80%;
	height: auto;
	padding-left: 24px;
	padding-right: 24px;
	/* border: 1px solid #cf0000; */
}

.title-value-infograph h3 {
	font: normal 700 36.24px/49.64px var(--font-sora);
	color: var(--white-one);
	margin-bottom: 8px;
	letter-spacing: 0.32px;
}

.desc-value-infograph {
	font: normal 400 15.64px/24.64px var(--font-sora);
	color: var(--white-two);
}

.desc-value-infograph h4 {
	font: normal 600 19.24px/28.64px var(--font-sora);
	margin-bottom: 14px;
	margin-top: 6px;
}

.desc-value-infograph p {
	opacity: .76;
}

.row-infographic-history {
	width: 100%;
	height: auto;
}

.row-infographic-history .col-12:nth-child(1) {
	margin-top: 24px;
}

.row-infographic-history .col-12:nth-child(2) {
	margin-top: 24px;
}

.history-image{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.history-image img{
	max-width: 100%;
	border-radius: 12.64px;
}

.history-desc{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0px 5px 0px 20px;
}

.history-desc p{
	margin-bottom: 0px;
}

.wrp-tabmenu-history{
	width: 100%;
	height: auto;
	position: relative;
}

.wrp-tabmenu-history::before{
	content: " ";
	width: 47px;
	height: 5.64px;
	background: #0653d9;
	/* background: #1bd741; */
	position: absolute;
	top: 48px;
	margin-left: auto;
	margin-right: auto;
	left: unset;
	right: 0px;
	z-index: 2;
}

/* .wrp-tabmenu-history::before{
	content: " ";
	width: 84.64%;
	height: 4.64px;
	background: var(--white-one);
	position: absolute;
	top: 48px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
} */

.historyTabsmobile .slick-list {
	margin-left: -1.64px;
	overflow: unset;
	margin-top: -24px;
}

.wrp-tabmenu-history {

}
/* SECTION HISTORY GLOBAL END*/


/* TOOLTIP COPY START*/

.tooltip {
    position: absolute;
    opacity: 0;
    /* top: 8.6vh;
    left: 0; */
	top: -18px;
	left: -60px;	
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #e0f7ea;
    border-radius: 50%;
    color: #3dbb56;
    padding: 10px 20px;
    height: 46px;
    border-radius: 23.5px;
    text-transform: none;
    transition: all 0.75s ease;
    width: 190px;
    text-align: center;
    font: normal 400 16.46px/27.64px var(--font-poppins);
    font-weight: 400;
    -moz-transition: 0.5s;
    -ms--transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
	z-index: 8;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.24);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.24);	
}

.right-share-content .tooltip {
	top: -18px;
	left: unset;
	right: 32px;
}

/* .tooltip::after {
    position: absolute;
    top: 15px;
    left: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #1ab394;
    border-radius: 50%;
    content: "";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
} */

.tooltip.active {
    opacity: 1;
    -moz-transition: 0.5s;
    -ms--transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.wrp-copy-value {
    background: var(--grey-four);
    width: auto;
    min-height: 48px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    border-radius: 6.4px;
    margin-bottom: 20px;
    padding: 6px 5px 2px 8px;
    cursor: pointer;
}

/* TOOLTIP COPY END*/

/* CONTENT - TAG */

.publisher-share-content {
	width: 100%;
	min-height: 56px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-top: 56px;
	border-top: solid 1px rgb(226, 226, 226);
	padding-top: 30px;
}

/* NEWS DETAIL HEADER */

.head-cover-image {
	width: 100%;
	height: auto;
	overflow-y: unset;
	background: var(--grey-two);
	min-height: 186px;
	padding-top: 0px;
	position: relative;
	margin-top: -152px;
	z-index: 2;
	min-height: 520px;
	max-height: 520px;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: top center;
}

.head-cover-image.short-head {
	min-height: 320px;
	max-height: 420px;
}

.btn.download-btn {
	padding: 16.5px 30px;
	font-family: var(--font-poppins);
	border-radius: 5px;
	/* background-color: var(--blue-500); */
	background-color: var(--orange-600);
	border: none;
	font-weight: 600;
	height: 56px;
	letter-spacing: 2px;
	color: #fff;
	display: inline-block;
}

.btn.download-btn:focus {
	background-color: var(--orange-600);
}
.btn.download-btn:hover {
	background-color: var(--orange-600);
}
.book-cover {
	padding: 0px 40px;
}

.book-cover img {
	border-radius: 10px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
}

.wrp-head-cover {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: absolute;
	width: 100vw;
	position: absolute;
	left: 50%;
	top: 44.64%;
	transform: translate(-50%, -50%);
}

.wrp-head-cover.head-news img {
	max-width: 100%;
	width: 100% !important;
	/* margin-top: 11.46%; */
	margin-left: 0 auto;
	margin-right: 0 auto;
}

.section-overview-overlap {
	display: block;
	margin-top: -36px;
	min-height: 236px;
}

.caption-cover-program {
	min-height: 646px;
}

.blue-overlap {
	background: var(--blue-900);
	z-index: 9;
	min-height: 40px;
	margin: 0px;
	color: var(--white-one);
	top: -224.56px;
	font-family: Sora, sans-serif;
	font-size: 1.1em;
	line-height: 180%;
	border-radius: 10px;
	padding: 60px 100px 60px 100px;
	position: relative;
	margin-bottom: -230px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
}

.blue-overlap h1 {
	font-family: var(--font-poppins);
	font-size: 2.8em;
	margin-bottom: 20px;
}

/* COMPANY PROFILE */

.company-profile-title {
	display: inline-block;
	margin: 40px 0px 50px 0px;
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
	font-family: var(--font-poppins);
}

.blue-card {
	background-color: var(--blue-900);
	padding: 40px 40px;
	border-radius: 10px;
	/*min-height: 400px;*/
	color: #fff;
}
.blue-card-left{
	padding: 0px 48px 10px 48px;
}


/* TITLE */

.title-section {
	font-family: var(--font-poppins);
	font-size: 3.8em;
	color: var(--blue-900);
	font-weight: 800;
}

.title-section h3 {
	font-size: 40px;
	font-weight: 800;
	/* margin-bottom: 40px; */
	margin-bottom: 24px;
}
.section-character-dev .title-section h3 {
	margin-bottom: 10px;
}
.section-character-dev .title-section h4 {
	font: normal 400 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	color: var(--gray-600);
}

.title-container .subjudul {
	color: #fff;
	background: var(--blue-800);
	padding: 1px 5px 6px 5px;
}

.section-static-relative {
	position: relative;
	top: -32px;
}


.section-static-contents.section-static-relative{
	padding: 4px 0px 32px 0px;
}
.section-static-contents.section-static-relative.content-paragraph-foreign{
	padding: 86px 0px 74px 0px;
	top: 32px;
}

.section-static-contents.section-static-relative .paragraph-content{
	position: relative;
	margin-top: -68px;
}

/* CAHARACTER DEV START */
.section-character-dev{
	width: 100%;
	padding: 6px 0px 60px 0px;
}
.column-20{
	flex: 0 0 20%;		
	width: 20%;
}
.character{
	width: 100%;
	height: auto;
}
.character a{
	text-decoration: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}
.thumb-character{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	padding: 18px 18px;
	margin-bottom: 6px;
	margin-top: 6px;
}

.thumb-character img{
	max-width: 100%;
}

.name-and-task{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;	
}

.name-and-task h2{
	width: 100%;
	display: block;
	font: normal 700 clamp(1.0975rem, 1.234rem + 0.2974vw, 1.3015rem) var(--font-poppins);
	line-height: 142%;
	color: var(--blue-900);
	margin-bottom: 5px;
	text-align: center;
}

.name-and-task h3{
	width: 100%;
	display: block;
	font: italic 600 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 136%;
	color: var(--gray-600);
	letter-spacing: 0.24px;
	text-align: center;
}

/* CAHARACTER DEV END */

/* NEWS LIST */

.card-news-list {
	padding: 30px 20px;
	margin: 10px 10px 30px 10px;
	border-radius: 10px;
	background-color: white;
	border: 1px solid #e8e8e8;
	overflow: hidden;
	box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;	
	/* min-height: 169px; */
	min-height: 234px;
}
.card-news-list.for-card-events{
	border-radius: 11.64px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;	
	font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
	line-height: 142%;
	color: var(--gray-600)!important;		
	padding: 33px 32px;	
}
.card-news-list h3 {}

.card-news-list a.card-summary-events h3 {
	font: normal 700 20px var(--font-poppins);
	margin-bottom: 8px;
	color: var(--blue-900);
	line-height: 140%;	
}


.card-news-list .date-time-only a {
	font-weight: normal;
	color: var(--gray-600);
	font-family: var(--font-poppins);
	line-height: 134.5%;
}

.card-news-list a {
	text-decoration: none;
}

.card-news-list img {
	border-radius: 5px;
	max-width: 121%;
}

.card-news-list .post-title h3 {
	font: normal 700 20px var(--font-poppins);
	margin-bottom: 0px;
	color: var(--blue-900);
	line-height: 140%;
}

.date-time-only {
	font-size: 13px;
	color: var(--grey-two);
}

.card-news-list.for-event SVG {
	width: 30px;
	margin-top: 20px;
	color: var(--blue-900)
}

.card-news-list.for-event .date-time-only {
	font-size: 16px;
	color: #0da9fd;
	font-weight: 600;
}

.wrp-filter-branch {
	width: 100%;
}

.rounding-area {
	padding: 40px 40px;
	margin: 10px 10px 30px 10px;
	border-radius: 10px;
	background-color: white;
	border: 1px solid #e8e8e8;
	overflow: hidden;
	box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.busines-lines .paragraph-content .rounding-area:last-child {
	margin-bottom: 36px;
}

.statics-conten-foreign{
	padding: 0px 0px 40px 0px;
}

.content-paragraph-foreign{
	height: auto;
}
.statics-conten-foreign .rounding-area {
	margin: 10px 0px 30px 0px;
	&:first-child{
		margin-top: -10px;
		position: relative;
	}
}
/* GALLERY */

.card-news-list.for-gallery {
	/* min-height: 380px; */
	min-height: 310px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.card-news-list.for-gallery a.image-thumb{
	min-height: 156px;
	max-height: 156px;
	overflow: hidden;
	border-radius: 9.64px;
	width: 93%;
	padding: 0px;
	margin-bottom: 8px;
}

.card-news-list.for-gallery a.image-thumb img{
	border-radius: 11.64px;
	max-width: 100%;
}

.section-static-contents .container .row.d-flex.justify-content-center .row.card-news-list .col-lg-4.col-4 a {
	min-height: 92px;
	max-height: 156px;
	border-radius: 9.64px;
	margin-bottom: 12px;
	width: 100%;
	/* display: block; */
	overflow: hidden;
	/* border: 1px solid #cf0000; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.card-news-list.for-gallery a:last-child{
	min-height: 76px;
}

.card-news-list.for-gallery h3 {
	font: normal 700 20px var(--font-poppins);
	margin-bottom: 0px;
	color: var(--blue-900);
	line-height: 140%;
}

.image-gallery-container {
	padding-top: 170px;
	padding-bottom: 30px;
}

.image-gallery-container #main,
.image-gallery-container #thumbnails img {
	border-radius: 5px;
	height: 600px;
	width: auto;
}

#thumbnails {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.image-gallery-container * {
	transition: all 0.5s ease;
}

.image-gallery-container #thumbnails {
	text-align: center;
}

.image-gallery-container #thumbnails img {
	width: auto;
	height: 100px;
	margin: 10px;
	cursor: pointer;
}


.image-gallery-container #thumbnails img:hover {
	transform: scale(1.05);
}

.image-gallery-container #main {
	/* width: auto; */
	/* min-width: 86%; */
	width: auto;
	height: 600px;
	object-fit: cover;
	display: block;
	margin: 20px auto;
}



.hidden {
	opacity: 0;
}

/* NEW EVENT GLOBAL */

.card-news-list.for-card-events {
    border-radius: 11.64px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
    line-height: 142%;
    color: var(--gray-600) !important;
    padding: 33px 32px;
  }
  .card-news-list.for-card-events a.image-thumb {
    min-height: 235px;
    max-height: 236px;
    overflow: hidden;
    border-radius: 11.64px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 10px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
  }  
  .card-news-list.for-card-events a p{
	color: var(--gray-600)!important;
  }
  .card-summary-events p{
	margin-bottom: 2px;
  }
/* NEW EVENT GLOBAL */  
/* ALAMAT */

.button-office-center .text-cta-footer p {
	font-size: 13px;
	line-height: 136%;
	color: var(--gray-500);
	margin: 0px;
}

.button-office-center .text-cta-footer h5 {
	font-size: 16px;
	font-weight: 500;
	line-height: 118%;
	color: var(--gray-800);
}

/* .logo-container {
	margin: 30px;
	text-align: center;
} */

.logo-container {
	/* width: 200px; */
	width: 100%;
	min-height: 136px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.logo-container img {
	max-height: 166px;
	max-width: 200px;
}

.pagination-area {
	margin-top: 40px;
}

.pagination-area li {
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 10px;
}

.pagination-area .page-item span {
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	border: 2px solid transparent;
	font-size: 12.76px;
	color: var(--gray-500);
	display: table;
	border-radius: 6px;
	margin-right: 4px;
	text-decoration: none;
	outline: none;
}

.pagination-area .page-item.active span {
	color: var(--white-one);
}

.pagination-area .page-item a {
	width: 32px;
	min-height: 32px;
	height: auto;
	line-height: 30px;
	text-align: center;
	border: 0px solid transparent;
	font-size: 15px;
	color: var(--gray-500);
	display: table;
	border-radius: 6px;
	margin-right: 4px;
	text-decoration: none;
	outline: none;
}

.pagination .page-item button {
	min-width: 32px;
	min-height: 32px;
	height: auto;
	line-height: 30px;
	text-align: center;
	border: 2px solid transparent !important;
	font-size: 15px;
	color: var(--gray-500);
	display: table;
	border-radius: 6px;
	margin-right: 4px;
	text-decoration: none;
	outline: none;
}

.pagination-area .page-item.active a {
	border: 2px solid var(--blue-900);
	background: var(--blue-900);
	color: #fff !important;
}

.pagination-area .page-item.active span {
	border: 2px solid var(--blue-900);
	background: var(--blue-900);
	color: #fff !important;
}

.pagination .page-item.active>.page-link {
	border: 2px solid var(--blue-900);
	background: var(--blue-900);
	color: #fff !important;
	border-radius: 6px;
	margin-right: 1.5px;
	margin-left: 1.5px;
}

.pagination .page-item.active>.page-link {
	border-radius: 6px;
	margin-right: 1.5px;
	margin-left: 1.5px;
}

.pagination .page-item.disabled>.page-link {
	border-radius: 6px;
	margin-right: 1.5px;
	margin-left: 1.5px;
	border: 0px;
}

.chevron-right-next {
	width: 10px;
	height: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	text-align: center;
}

.chevron-right-next svg {
	max-width: 100%;
	width: 10px;
	height: 10px;
}

.text-next{
	height: auto;
}

.chevron-left-prev {
	width: 10px;
	height: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	text-align: center;
	margin-right: 2.36px;
}

.chevron-left-prev svg {
	max-width: 100%;
	width: 10px;
	height: 10px;
}

.chevron-left-prev svg .st0 {
	fill: var(--black-40);
}

.chevron-right-next svg .st0 {
	fill: var(--gray-500);
}

.paginations li.arrow-right {
	border: 1px solid var(--white-one);
	border-radius: 22px;
}

.paginations li.arrow-right:hover {
	border: 1px solid var(--pink-600);
}

.paginations li.arrow-right:hover .chevron-right-next svg .st0 {
	fill: var(--pink-600);
}
.pagination .page-item:first-child .page-link {
	border-top-right-radius: var(--bs-pagination-border-radius);
	border-bottom-right-radius: var(--bs-pagination-border-radius);
	display: flex;
	align-items: center;
	flex-wrap: wrap;	
	/* width: 89px; */
	width: 78.24px;
	align-items: center;
	justify-content: flex-start;
	min-height: 45px;
	max-height: 45px;
}
.pagination .page-item:last-child .page-link {
	border-top-right-radius: var(--bs-pagination-border-radius);
	border-bottom-right-radius: var(--bs-pagination-border-radius);
	display: flex;
	align-items: center;
	flex-wrap: wrap;	
	/* width: 86px; */
	width: 78.24px;
	align-items: center;
	justify-content: flex-start;
}

.title-separator {
	margin-top: 50px;
	margin-bottom: 30px;
}

.section-filter-branch {
	position: absolute;
	margin-top: -110px;
	z-index: 2;
	width: 100%;
}

.section-filter-branch .form-control {
	font-family: var(--font-poppins);
	padding: 12.74px 20px;
	color: var(--gray-600);
	border: 2px solid #dee2e6 !important;
}

.form_group .btn-submit-search {
	padding: 12.5px 15px;
	border-radius: 5.6px;
}

.section-filter-branch .form-control:focus {
	box-shadow: none;
}

.section-filter-branch .rounding-area {
	padding: 10px;
}

/* NEWS */

.section-news-filter {}

.news-filter {
	margin-top: -60px;
	z-index: 2;
	background: var(--orange-500);
	border-radius: 6.4px;
	border-radius: 6.4px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
}

.news-filter ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	background: var(--orange-500);
}

.news-filter ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

.news-filter ul li.active a {
	/* border-bottom: solid 1px white; */
	line-height: 200%;
	position: relative;
}

.news-filter ul li.active a:before {
	content: "";
	background: #fff;
	width: 100%;
	height: 3.5px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -10px;
}

.news-filter ul li a {
	color: white;
	text-decoration: none;
	font-family: var(--font-poppins);
	font-size: 16px;
	font-weight: 400;
	/* margin: 0px 20px; */
	margin: 0px 12.24px;
	display: inline-block;
	letter-spacing: .32px;
	transition: 0.3s;
}

.news-filter ul li a:hover {
	opacity: 0.8;
	transform: translate(0, -3px);
}

/* LAYANAN DIGITAL */
.section-static-contents.blue-section.section-foreign-only {
	/* background-color: #114297; */
	background-color: #114297;
	padding: 15px 0px 84px 0px;
	position: relative;
	overflow: unset;
}

.section-static-contents.blue-section.section-foreign-only::before {
	content: " ";
	position: absolute;
	top: -58px;
	width: 100%;
	min-height: 60px;
	/* background-color: #114297; */
	background-color: #114297;
}

.section-static-contents.blue-section.section-foreign-only .company-profile-title {
	margin: 5px 0px 50px 0px;
}

.section-primary-slider.for-layanan-digital {
	position: relative;
	/* top: -136px; */
	top: -110px;
	/* padding-top: 132px; */
	padding-bottom: 0px;
	min-height: 300px;
	z-index: 3;
}

.section-primary-slider.for-layanan-digital::before {
	background: none;
}

.section-primary-slider.for-layanan-digital .carousel-item img {
	border-radius: 10px;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0px;
}

.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
	min-height: 480px;
}

.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators {
	bottom: 0px;
	margin-bottom: 30px;
}

.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button {
	background-color: lightgray;
	box-shadow: none;
	border: none;
	width: 10px;
	height: 10px;
	margin-top: -90px;
}

.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button.active {
	background-color: var(--blue-800);
	;
	box-shadow: none;
	border: none;
	width: 10px;
	height: 10px;
}

.paragraph-content .date-time-only {
	line-height: 160%;
	margin-top: 5px;
}

.card-news-list.for-layanan-digital {
	margin: 5px 5px 30px 5px;
	min-height: 140px;
	padding: 25px 15px 15px 15px;
}

.section-book-catalogue {
	background-color: white;
	padding-bottom: 14px;
}

/* .section-book-catalogue:last-child {
	padding-bottom: 95px !important;
	border: 15px solid #cf0000 !important;
} */

.section-book-catalogue .book-label {
	background: var(--blue-900);
	color: var(--white-one);
	width: 100%;
	min-height: 390px;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	margin-bottom: 54px;
}

.section-book-catalogue .book-label .label-book {
	width: 200px;
}

.section-book-catalogue .book-label .label-book h2 {
	font-family: var(--font-poppins);
	font-size: 1.5rem;
	line-height: 140%;
}

.section-book-catalogue .buku-gallery,
.section-book-catalogue .buku-title {
	background-color: transparent;
	box-shadow: none;
}

.section-book-catalogue .buku-gallery {
	min-height: 300px;
	padding: 0px 15px;
}

.section-book-catalogue .buku-gallery {
	min-height: 250px;
}

.section-book-catalogue .book-home .slick-next,
.section-book-catalogue .book-home .slick-prev {
	top: 45%;
}

.section-book-catalogue .book-home .slick-prev {
	left: 11px;
}

.section-book-catalogue .buku-gallery .real-cover {
	padding: 16px 25px 20px 30px;
	overflow: hidden;
}

.section-book-catalogue .book-home .slick-slide {
	margin-left: 38px;
	margin-right: 38px;
	width: 140px;
	min-height: 352px;
}

.section-book-catalogue .book-home .slick-slide a.real-cover img {
	max-width: 100%;
	object-fit: cover;
	min-height: 145px;
	text-align: center;
	position: relative;
	left: 0px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	border-radius: 15.64px;
}

.section-book-catalogue .book-home .slick-slide .card-book-gallery {
	background: var(--white-one);
	width: 182px;
	min-height: 260px;
	max-height: 260px;
}

.section-book-catalogue .book-home .slick-slide .card-books-title {
	width: 182px;
	background: var(--white-one);
	margin-top: 10px;
}

.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
	font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
	line-height: 142%;
	margin-bottom: 5px;
	color: var(--blue-900);
	text-align: center;
}

.section-book-catalogue .book-home .slick-list {
	margin-top: 0px;
	margin-left: -10px;
}

.section-book-catalogue .book-home .slick-track {
	padding-top: 10px;
}

.section-book-catalogue .buku-gallery .real-cover img {
	border-radius: 5px;
	box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
}

.section-book-catalogue .buku-title {
	max-height: 100px;
	min-height: 80px;
	width: 230px;
}

.section-book-catalogue .buku-title a {
	padding: 0px 5px;
}

.section-book-catalogue .buku-title a h3 {
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--blue-900);
}

.featured-news-area {
	background-color: var(--blue-900);
	padding: 0px;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 60px;
}

.featured-news-area .image-container {}

.featured-news-area .title-container {
	padding: 40px 30px 10px 30px;
	color: #fff;
	text-decoration: none;
	font-family: var(--font-poppins);
	font-size: 16px;
}

.featured-news-area .title-container h3 {
	color: #fff;
	text-decoration: none;
	font-family: var(--font-poppins);
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
}

.featured-news-area .title-container a,
.featured-news-area .title-container a:hover {
	text-decoration: none;
	color: #fff;
}

.featured-news-area.for-event .date-time-only svg,
.for-news-detail.for-event .date-time-only svg {
	color: #fff;
	width: 40px;
	margin-right: 15px;
}

.featured-news-area.for-event .date-time-only,
.for-news-detail.for-event .date-time-only {
	color: #fff;
	font-size: 30px;
	margin-bottom: 30px;
}

/* SECTION MAPS ABOUT ERLANGGA */
.section-maps-branch{
	width: 100%;
	min-height: 176px;
	background: var(--white-one);
}

.maps-branch-thumbnail{
	width: 100%;
	min-height: 276px;
	img{
		max-width: 100%;
	}
}
/* SECTION MAPS ABOUT ERLANGGA */

/*  NEWSLETTER */

.footer-newsletter {
	background-color: var(--blue-900);
	padding: 50px 50px;
	border-radius: 10px;
	position: relative;
	top: -76px;
	margin-top: 86px;
}

.footer-newsletter h4 {
	font-family: var(--font-poppins);
}

.footer-newsletter form {
	background-color: var(--blue-900);
}

.footer-newsletter form .form_control {
	color: rgba(255, 255, 255, .50);
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #fff;
	padding: 0;
	font-weight: 500;
	height: 53px;
	margin-bottom: 20px;
	width: 100%;
	padding: 0px 20px 0px 16px;
	font-family: var(--font-poppins);
}

.footer-newsletter form .form_control:focus {
	border: none;
	box-shadow: none;
	outline: none;
	border-bottom: 1px solid #fff;
}

.footer-newsletter .newsletter-form form .form_control::placeholder {
	color: rgba(255, 255, 255, .50);
}

.footer-newsletter .newsletter-form form .main-btn {
	padding: 14px 16px;
	margin-bottom: 0px;
	width: 100%;
	font-family: var(--font-poppins);
	border-radius: 5px;
	background-color: var(--orange-600);
	border: none;
	font-weight: 600;
	height: 53px;
	color: #000;
}

.main-btn.btn-yellow:hover {
	padding: 14px 36px;
	margin-bottom: 0px;
	font-family: var(--font-poppins);
	border-radius: 5px;
	background-color: var(--orange-600);
	border: none;
	font-weight: 600;
	height: 53px;
	color: #000;
	background-color: #1f1e17;
	background-color: var(--orange-400);
}

.main-btn.btn-yellow {
	padding: 14px 36px;
	margin-bottom: 0px;
	font-family: var(--font-poppins);
	border-radius: 5px;
	background-color: var(--orange-600);
	border: none;
	font-weight: 600;
	height: 53px;
	color: #000;
	background-color: var(--orange-600);
	text-decoration: none;
}

/* SEKILAS ERLANGGA */
.section-static-contents.blue-section {
	background-color: #114297;
	color: white;
}

.section-static-contents.blue-section .paragraph-content,
.section-static-contents.blue-section .paragraph-content h1,
.section-static-contents.blue-section .paragraph-content h2,
.section-static-contents.blue-section .paragraph-content h3,
.section-static-contents.blue-section .paragraph-content h4 {
	color: white;
}

/* SCROLLING TAB */

.scrolling-tab .wrapper {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px;
	height: 100px;
}

.scrolling-tab .list {
	position: absolute;
	left: 0px;
	top: 0px;
	min-width: 3000px;
	/* margin-left: 0px; */
	margin-left: -14px;
	margin-top: 0px;
}

.scrolling-tab ul li {
	margin-bottom: 9px;
}

.scrolling-tab .list li {
	display: table-cell;
	position: relative;
	text-align: center;
	cursor: grab;
	cursor: -webkit-grab;
	color: #efefef;
	vertical-align: middle;
}

.scrolling-tab .scroller {
	text-align: center;
	cursor: pointer;
	display: none;
	padding: 7px;
	padding-top: 11px;
	white-space: no-wrap;
	vertical-align: middle;
	background-color: none;
}

.scrolling-tab .scroller .icon-green {
	background: none;
	border: solid 1px white;
	border-radius: 50%;
	margin-top: 10px;
}

.scrolling-tab .scroller-right {
	float: right;
}

.scrolling-tab .scroller-left {
	float: left;
}

.scrolling-tab .nav-item {}

.scrolling-tab .nav-item .nav-link {
	padding: 30px 52px;
	color: white;
}

.tab-content {
	background-color: var(--blue-900);
	padding: 60px 100px;
	border-radius: 10px;
	min-height: 400px;
}

/* CSR */

.content-scroll.scrolling-tab .wrapper {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px;
	height: 300px;
}

.category-container {
	width: 250px;
	padding: 0px 20px;
	text-align: center;
}

.category-container img {
	border-radius: 10px;
}

.category-container a,
.category-container a:hover {
	color: #fff;
	margin: 15px 0px 0px 0px;
	text-decoration: none;
	font-size: 20px;
	display: inline-block;
}

.content-scroll.scrolling-tab .scroller {
	padding-top: 90px;
}


/* CONTACT FORM */
.blue-rounded-area {
	background-color: var(--blue-900);
	padding: 86px 60px 500px 60px;
	border-radius: 10px;
	color: #fff;
}

.blue-rounded-area .button-office-center .text-cta-footer p {
	font-size: 13px;
	line-height: 156%;
	color: white;
	opacity: 0.7;
	text-transform: none;
}

.blue-rounded-area .button-office-center .text-cta-footer h5 {
	font-size: 16px;
	font-weight: 500;
	line-height: 146%;
	color: white;
}

.form-kontak-area {
	padding: 0px 40px 40px 40px;
}

.section-static-contents.link-profile-download{
	background: var(--blue-900);
}
.form-kontak-area .sub-kategori {
	font-family: var(--font-poppins);
	font-weight: 600;
	color: var(--blue-900);
	font-size: 20px;
	margin: 20px 0px 10px 0px;
}

.md-form {
	margin-bottom: 20px;
	font: normal 400 18.24px/25.64px var(--font-sora);
}

.md-form input {
	width: 100%;
	height: 54px;
	border: 2px solid #dee2e6 !important;
	margin-top: 6.4px;
}

.md-form input:focus {
	box-shadow: none;
}

.md-form select {
	width: 100%;
	height: 54px;
	border: 2px solid #dee2e6 !important;

}

.md-form select:focus {
	box-shadow: none;
}

.md-form textarea {
	width: 100%;
	height: 156px;
	border: 2px solid #dee2e6 !important;
	margin-bottom: 36px;
}

.md-form textarea:focus {
	box-shadow: none;
}

/* FOREIGN RIGHTS */

.link-profile-download .blue-card {
	min-height: 330px;
}

.editors-pick-section {
	background-color: var(--gray-300);
	padding: 120px 40px;
	color: white;
	;
}

.card-foreign-left{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.card-foreign-left a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-decoration: none;
	outline: none;	
	color: var(--white-one);
}

.foreign-card-title{
	width: 100%;
}

.foreign-card-title a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-decoration: none;
	outline: none;
	padding: 15px 0px 5px 0px;
}

.foreign-card-title a h3{
	color: var(--white-one);
	margin-bottom: 0px;
}

.foreign-contact-section {
	/* background-color: var(--blue-900); */
	background: #044fa1;
	color: white;
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact-opening {
	padding-right: 100px;
	display: inline-block;
	padding-top: 0px;
}

.contact-profile {
	padding: 20px 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
}

.contact-profile .foto-area {
	display: block;
	padding: 0px 0px 0px 0px;
	width: 86px;
	width: 86px;
	border-radius: 50%;
	overflow: hidden;
	/* border: 1px solid #cf0000; */
}

.contact-profile .info-area {
	/* display: block; */
	padding: 0px 0px;
	/* width: 400px; */
	width: 79.5%;
	min-height: 56px;
	height: auto;
	/* margin-left: 50px; */
	padding-left: 20px;
}

.contact-profile .foto-area .image-circle {
	max-width: 100%;
	border-radius: 50%;
}

.contact-profile .name {
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
}

.contact-profile .email {
	font-size: 14px;
	line-height: 170%;
	opacity: 0.7;
}

/* BOOK ITEM COLLECTION - DATABASE BUKU */

.buku-item-collection {}

.buku-item-collection .buku-item {
	min-height: 408px;
	width: 100%;
	box-shadow: none;
	border: none;
	padding-bottom: 10px;
}

.buku-item-collection .buku-gallery {
	text-align: center;
	min-height: 310px;
	max-height: 310px;
	object-fit: cover;
	min-height: 254px;
	text-align: center;
	position: relative;
	left: -1.1%;
	box-shadow: none;
	border: none;
	overflow: hidden;
	border-radius: 14.56px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .2);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .2);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .2);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .2);
}

.buku-item-collection .buku-gallery .buku-cover img {
	border-radius: 5px;
	box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
	max-width: 103%;
	object-fit: cover;
	min-height: 330px;
	text-align: center;
	position: relative;
	left: -1.54%;
}

.buku-item-collection .buku-gallery img {
	border-radius: 5px;
}

.buku-item-collection .buku-title {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}

.buku-item-collection .buku-title a {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	text-decoration: none;
}

.buku-item-collection .buku-title h3 {
	display: block;
	width: 100%;
	font: normal 700 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
	line-height: 142%;
	margin-bottom: 5px;
	color: var(--blue-900);
	text-align: center;
}

.buku-item-collection .buku-title .author {
	font-size: 14px;
	text-align: center;
	display: block;
	width: 100%;
	color: var(--gray-500);
}

/* BOOK DETAIL */

.small-desc {
	font-size: 14px;
	opacity: 0.9;
}

.separator {
	opacity: 0.3;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}


@media only screen and (min-width: 4001px) {

	.section-header-blue {
		background-size: 119.64%;
		background-position-y: -376px;
		min-height: 514px;
		margin-top: -54px;
		background-repeat: no-repeat;
	}
	
}

@media only screen and (min-width: 3001px) and (max-width: 4000px) {

	.section-header-blue {
		background-size: 119.64%;
		background-position-y: -700px;
		margin-top: -74px;
		margin-top: -54px;
		background-repeat: no-repeat;
	}
	
}

/* DESKTOP 8K 1X SCALE 7680 x 4320 */
@media only screen and (min-width: 7680px) and (max-width: 7680px) {

	.section-header-blue {
		background-size: 100.44%;
		background-position-y: -664px;
		min-height: 796px;
		margin-top: -74px;
		background-repeat: no-repeat;
	}
	
}
/* DESKTOP 8K 1X SCALE 7680 x 4320 */


/* DESKTOP 5K 1X SCALE 5120 x 2880 */
@media only screen and (min-width: 5120px) and (max-width: 5120px) {

	.section-header-blue {
		background-size: 100.44%;
		background-position-y: -664px;
		min-height: 796px;
		margin-top: -74px;
		background-repeat: no-repeat;
	}
	
}
/* DESKTOP 5K 1X SCALE 5120 x 2880 */


/* DESKTOP 4K 1X SCALE */
@media only screen and (min-width: 3840px) and (max-width: 3840px) {

	.section-header-blue {
		background-size: 109.24%;
		background-position-y: -576px;
		min-height: 714px;
		margin-top: -74px;
		background-repeat: no-repeat;
	}
	
}
/* DESKTOP 4K 1X SCALE */


/* IMAC PRO RETINA 5K 27 */
@media only screen and (min-width: 3200px) and (max-width: 3200px) {

	.section-header-blue {
		background-size: 106.32%;
		background-position-y: -464px;
		min-height: 724px;
		margin-top: -74px;
		background-repeat: no-repeat;
	}
}
/* IMAC PRO RETINA 5K 27 */


@media only screen and (min-width: 2501px) and (max-width: 3000px) {

	.section-header-blue {
		background-size: 119.64%;
		background-position-y: -476px;
		min-height: 714px;
		margin-top: -54px;
		background-repeat: no-repeat;
	}
	
}

/* HIDPI-XL */
@media only screen and (min-width: 2560px) and (max-width: 2560px) {

	.section-header-blue {
		background-size: 117.64%;
		background-position-y: -356px;
		min-height: 696px;
		margin-top: -74px;
		background-repeat: no-repeat;
	}
	
}
/* HIDPI-XL */

/* MACBOOK ONLY 2304-1440 */
@media only screen and (min-width: 2304px) and (max-width: 2304px) {

	.section-header-blue {
		background-size: 109.64%;
		background-position-y: -232px;
		min-height: 694px;
		margin-top: -74px;
		background-repeat: no-repeat;
	}
	
}
/* HIDPI-XL */

@media only screen and (min-width: 1921px) and (max-width: 2500px) {

	.section-header-blue {
		background-size: 119.64%;
		background-position-y: -276px;
		min-height: 514px;
		margin-top: -54px;
		background-repeat: no-repeat;
	}
	
}

/* IMAC RETINA 4.5K 24 2240-1260*/
@media only screen and (min-width: 2240px) and (max-width: 2240px) {

	.section-header-blue {
		background-size: 106.32%;
		background-position-y: -196px;
		min-height: 686px;
		margin-top: -74px;
		background-repeat: no-repeat;
	}
	
}
/* IMAC RETINA 4.5K 24 2240-1260*/


/* IMAC RETINA 4K 21.5 2048-1152*/
@media only screen and (min-width: 2048px) and (max-width: 2048px) {

	.section-header-blue {
		background-size: 106.32%;
		background-position-y: -196px;
		min-height: 652px;
		margin-top: -76px;
		background-repeat: no-repeat;
	}
	
}
/* IMAC RETINA 4.5K 24 2048-1152*/

/* MEDIA 1920 START */
@media only screen and (min-width: 1920px) and (max-width: 1920px) {
	.section-primary-slider.for-layanan-digital {
		padding-bottom: 59px;
	}

	/* KATALOG BUKU BY AGUS 1920*/

	.section-book-catalogue .book-home .slick-slide {
		/* margin-left: 33.14px;
		margin-right: 33.14px;
		width: 213.5px;
		min-height: 350px; */
		margin-left: 38px;
		margin-right: 38px;
		width: 174px;
		min-height: 314px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		/* width: 208px;
		min-height: 301px;
		max-height: 301px; */
		/* width: 232px;
		padding: 24px 5px;
		min-height: 364px;
		max-height: 364px; */
		width: 224px;
		padding: 8px 10px 10px 10px;
		min-height: 314px;
		max-height: 348px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 208px;
	}

	.section-book-catalogue .book-home .slick-slide a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 145px;
		text-align: center;
		position: relative;
		left: 0px;
	}

	/* KATALOG BUKU BY AGUS 1920 END*/

	/* SECTION BUKU BEST SELLING 1920 START */
	.wrp-card-bestselling .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 224px;
		min-height: 352px;
		max-height: 352px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: flex-end;
		-ms-align-items: flex-end;
		-moz-align-items: flex-end;
		-webkit-align-items: flex-end;		
	}

	.wrp-card-bestselling .book-home .slick-slide .card-books-title {
		width: 205px;
	}		
	.wrp-card-bestselling .book-home .slick-slide {
		margin-left: 30px;
		margin-right: 30px;
	}
	/* SECTION BUKU BEST SELLING 1920 END */


	.featured-news-area {
		height: auto;
		margin-top: 84px;
	}

	.form-kontak-area {
		margin-top: 15px;
	}

	.blue-rounded-area {
		margin-top: 24px;
	}

	.card-news-list.for-gallery a.image-thumb {
		min-height: 236px;
		max-height: 236px;
	}

	.card-news-list .post-title h3 {
		font-size: 22px;
		line-height: 130%;
		margin-top: 10px;
		margin-bottom: 0px;
		font-weight: 700;		
	}
	.card-news-list.for-gallery h3 {
		font-size: 22px;
		line-height: 130%;
		margin-top: 10px;
		margin-bottom: 0px;
		font-weight: 700;
	  }

	  .tooltip {
		position: absolute;
		opacity: 0;
		/* top: 8.6vh;
		left: 0; */
		top: -18px;
		left: -110px;	
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.right-share-content .tooltip {
		top: -18px;
		left: unset;
		right: 4px;
	  }	

	  .card-news-list a.card-summary-events h3 {
		font-size: 22px;
		line-height: 130%;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 700;
	}

	.section-header-blue {
		background-size: 119.64%;
		background-position-y: -176px;
		min-height: 514px;
		margin-top: -54px;
		background-repeat: no-repeat;
	}

	.historyTabsmobile .slick-list .slick-track {
		min-width: 861px !important;
		max-width: 864px !important;
		width: 654px !important;
	}	

	.historyTabsmobile li a{
		min-width: 172px !important;
	}

	.news-filter ul li a {
		margin: 0px 20px
	}

	.date-time-only {
		font-size: 14.5px;
		line-height: 21.64px;
	}

}

/* MEDIA 1920 END */

/* MEDIA 1536-1582 START */
@media only screen and (min-width: 1536px) and (max-width: 1582px) and (orientation: landscape) {
	.title-header-cover h1 {
		font-size: 40px;
	}
	.section-book-catalogue .book-home .slick-slide {
		/* margin-left: 36px;
		margin-right: 36px;
		width: 214px;
		min-height: 352px; */
		margin-left: 16px;
        margin-right: 16px;
        width: 176px;
        min-height: 352px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: 9.6px;
	}
	.section-book-catalogue .book-home .slick-next{
		right: -18px;
	}
	/* .section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 214px;
		min-height: 312px;
		max-height: 312px;
	} */
    .section-book-catalogue .book-home .slick-slide .card-book-gallery {
        background: var(--white-one);
        width: 176px;
        min-height: 296px;
        max-height: 298px;
    }
	.section-book-catalogue .book-home .slick-slide a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 145px;
		text-align: center;
		position: relative;
		left: 0px;
	}
	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 176px;
		background: var(--white-one);
		margin-top: 10px;
	}

	.card-book-gallery {
		background: var(--white-one);
		width: 196px;
		min-height: 310px;
		max-height: 310px;
	}

	.section-weekly-books .book-home .card-book-gallery {
		background: transparent none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: flex-end;
		-ms-align-items: flex-end;
		-moz-align-items: flex-end;
		-webkit-align-items: flex-end;
		width: 196px;
		min-height: 294px;
		max-height: 294px;
		border-top-right-radius: 6.4px;
		border-top-left-radius: 6.4px;
		border-radius: 14.56px;
		overflow: hidden;
		box-shadow: none;
	}
	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.5em;
	}

	.card-news-list.for-gallery h3 {
		font-size: 18.32px;
		line-height: 130%;
	}

}

/* MEDIA 1536-1582 END */
/* MEDIA 1518-1535 START */
@media only screen and (min-width: 1518px) and (max-width: 1535px) and (orientation: landscape) {
	.section-book-catalogue .book-home .slick-slide {
		margin-left: 38px;
		margin-right: 38px;
		width: 182px;
		min-height: 352px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 196px;
		min-height: 296px;
		max-height: 298px;
	}

	.section-book-catalogue .book-home .slick-slide a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 145px;
		text-align: center;
		position: relative;
		left: 0px;
	}


	.card-book-gallery {
		background: var(--white-one);
		width: 196px;
		min-height: 310px;
		max-height: 310px;

	}
}

/* MEDIA 1518-1535 START */

/* MEDIA 1455 1518 START */
@media only screen and (min-width: 1455px) and (max-width: 1518px) and (orientation: landscape) {
	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.5em;
	}

	.section-book-catalogue .book-home .slick-slide {
		margin-left: 16px;
		margin-right: 16px;
		width: 176px;
		min-height: 352px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 176px;
		min-height: 296px;
		max-height: 298px;
	}
	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 174px;
		background: var(--white-one);
		margin-top: 10px;
	}
	.section-book-catalogue .book-home .slick-slide a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 145px;
		text-align: center;
		position: relative;
		left: 0px;
	}

	.card-book-gallery {
		background: transparent;
		width: 186px;
		min-height: 310px;
		max-height: 310px;
	}

	.title-header-cover h1 {
		font-size: 40px;
	}

}

/* MEDIA 1455 1518 START */

/* MEDIA 1440 START */
@media only screen and (min-width: 1440px) and (max-device-width: 1440px) and (orientation: landscape) {
	a.real-cover img {
		max-width: 127.56%;
	}

	.section-weekly-books .book-home a.real-cover img {
		max-width: 100%;
		border-radius: 15.64px;
	}

	.section-book-catalogue .book-home .slick-slide {
		margin-left: 20px;
		margin-right: 20px;
		width: 180px;
		min-height: 340px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		/* width: 196px; */
		width: 180px;
		min-height: 296px;
		max-height: 298px;
	}

	.section-book-catalogue .book-home .slick-slide a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 244px;
		text-align: center;
		position: relative;
		left: 0px;
	}


	.card-book-gallery {
		background: var(--white-one);
		width: 206px;
		min-height: 306px;
		max-height: 306px;

	}

	.section-weekly-books .book-home a.real-cover img {
		max-width: 100%;
		border-radius: 15.64px;
	}

	.section-weekly-books .book-home .card-book-gallery {
		background: transparent none;
	}

	.section-book-catalogue .book-home .slick-next {
		right: -8px;
	}

	.contact-profile .info-area {
		width: 77.05%;
	}

	.title-header-cover h1 {
		font-size: 40px;
	}

	.card-news-list.for-gallery a.image-thumb {
		min-height: 192px;
		max-height: 192px;
		overflow: hidden;
		border-radius: 8.64px;
	}
	.card-news-list.for-gallery img {
		border-radius: 6.64px;
	}

	.tooltip {
		position: absolute;
		opacity: 0;
		/* top: 8.6vh;
		left: 0; */
		top: -18px;
		left: -98px;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.right-share-content .tooltip {
		top: -18px;
		left: unset;
		right: -2.5px;
	}	

}

/* MEDIA 1440 START */
/* MEDIA 1366 START */
@media only screen and (min-width: 1366px) and (max-width: 1366px) and (orientation: landscape) {
	.blue-rounded-area {
		padding: 100px 24px 500px 24px;
		margin-top: 13px;
	}

	.scrolling-tab .list {
		margin-left: -28px;
	}

	.contact-profile .info-area {
		width: 77.76%;
	}

	.section-primary-slider.for-layanan-digital {
		top: -94px;
	}

	.section-static-relative {
		position: relative;
		margin-top: -145px;
	}
	.section-primary-slider.for-layanan-digital {
		padding-bottom: 56px;
	  }
	.section-static-contents.section-static-relative {
		padding: 4px 0px 40px 0px;
		margin-top: -36px;
	  } 
	  .section-static-contents.section-static-relative.content-paragraph-foreign {
		padding: 86px 0px 74px 0px;
		top: 32px;
		margin-top: 5px;
	  }
	.featured-news-area {
		height: auto;
		margin-top: 70px;
	}
	.title-header-cover h1 {
		font-size: 45px;
	}
	.featured-news-area .title-container h3 {
		font: 600 32px/37px var(--font-poppins);
		margin-bottom: 18px;
	}
	.title-header-cover h1.text-white {
		font-size: 45px!important;
	}	
	.card-news-list.for-gallery a.image-thumb {
		min-height: 164px;
		max-height: 165px;
		overflow: hidden;
		border-radius: 9.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);		
	}

	.card-news-list.for-gallery{
		border-radius: 11.64px;
	}

	.card-news-list.for-card-events{
		border-radius: 11.64px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;	
		font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
		line-height: 142%;
		color: var(--gray-600)!important;		
		padding: 33px 32px;	
	}
	.card-news-list.for-card-events a.image-thumb {
		min-height: 235px;
		max-height: 236px;
		overflow: hidden;
		border-radius: 11.64px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 10px;
	}
	.card-news-list.for-card-events a.image-thumb img{
		border-radius: 11.64px;
		max-width: 111%;
		/* margin-left: -4.64%; */
		margin-top: -2.24%;
	}

	.card-news-list.for-card-events a p{
		font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
		line-height: 142%;
		margin-bottom: 2px;
		color: var(--gray-600)!important;		
		margin-bottom: 2px;
	}

	.card-news-list.for-card-events {
		p{
			margin-bottom: 2px !important;
			color: var(--gray-600)!important;		
			&:last-child{
				margin-bottom: 2px !important;
			}
		}
	}

}

/* MEDIA 1366 END */
/* MEDIA 1280 START */
@media only screen and (min-width: 1280px) and (max-device-width: 1280px) and (orientation: landscape) {
	.section-book-catalogue .book-home .slick-slide {
		margin-left: 32px;
		margin-right: 32px;
		width: 146px;
		min-height: 352px;
	}

	/* KATALOG BUKU SEKOLAH 1280 START*/

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 174px;
		min-height: 260px;
		max-height: 260px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: 10px;
	}
	.title-header-cover h1 {
		font-size: 38px;
	}
	/* KATALOG BUKU SEKOLAH 1280 END*/

	.logo-container {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.logo-container img {
		max-height: 152px;
		max-width: 200px;
	}

	.contact-profile {
		padding: 20px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.contact-profile .info-area {
		width: 76.5%;
	}
	.section-primary-slider.for-layanan-digital {
		padding-bottom: 56px;
	  }
	.section-static-contents.section-static-relative {
		padding: 4px 0px 40px 0px;
		margin-top: 5px;
	  } 

	  .card-news-list.for-gallery a.image-thumb {
		min-height: 174px;
		max-height: 175px;
		overflow: hidden;
		border-radius: 10.64px;
	}
	.card-news-list.for-gallery h3 {
		font: normal 700 20px var(--font-poppins);
		margin-bottom: 0px;
		color: var(--blue-900);
		line-height: 140%;
	}
	.featured-news-area .title-container h3 {
		font-size: 33px;
	}

	.tooltip {
		position: absolute;
		opacity: 0;
		/* top: 8.6vh;
		left: 0; */
		top: -18px;
		left: -64px;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.right-share-content .tooltip {
		top: -18px;
		left: unset;
		right: 6px;
	}	

}

/* =========================================================== */
/* RESPONSIVE */
/* =========================================================== */

/* MEDIA 1194 START */
@media only screen and (min-device-width: 1194px) and (max-device-width: 1194px) and (orientation: landscape) {
	.blue-rounded-area {
		padding: 24px 20px 24px 20px;
		margin-bottom: 32px;
	}

	.section-book-catalogue .book-home .slick-next {
		right: -8.6px;
	}

	/* BUKU UMUM 1194 */
	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 160px;
		min-height: 236px;
		max-height: 260px;
	}

	.section-book-catalogue .book-home .slick-slide {
		margin-left: 28px;
		margin-right: 28px;
		width: 140px;
		min-height: 352px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 164px;
		background: var(--white-one);
		margin-top: 10px;
	}

	.section-book-catalogue .book-label {
		min-height: 375px;
	}

	/* BUKU UMUM 1194 */

	/* ABOUT US OVERFVIEW 1194 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 28px 48px;
		margin-right: 15px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 64px 0px 64px 0px;
	}
	.image-gallery-container #main {
		width: auto;
		height: 430px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}
	.image-gallery-container {
		padding-top: 160px;
		padding-bottom: 50px;
	  }	
	.section-static-contents.static-contents-gallery{
		padding: 45px 0px 50px 0px;
		margin-top: 20px;
	}
	.section-static-contents.static-contents-events{
		padding: 50px 0px 64px 0px;
	}	
	.section-static-contents.statics-conten-foreign {
		padding: 60px 0px 60px 0px;
	}

	.content-paragraph-foreign {
		height: auto;
		padding:60px 0px 0px 0px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 48px 0px;
	}
	.blue-card-left {
		padding: 0px 18px 10px 18px;
	}
	
	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	.w-100 .row.gutter--24 .card-foreign-left {
		margin-top: 56px;
	}

	.section-static-contents.section-static-relative.content-paragraph-foreign {
		margin-top: -24px;
	}


	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 174px;
		max-width: 174px;
	}

	/* ABOUT US OVERFVIEW 1194 */
	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 414px;
	}

	.contact-profile {
		padding: 20px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.contact-profile .info-area {
		width: 74.5%;
	}

	.featured-news-area {
		height: auto;
		margin-top: 76px;
	}

	/* EVENTS LIST 1120-1180 */

	.featured-news-area .title-container {
		padding: 27px 30px 10px 30px;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area .title-container h3 {
		font-size: 31px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	/* EVENTS LIST 1120-1180 */
	.title-header-cover h1 {
		font-size:38px;
	}

	.section-primary-slider.for-layanan-digital {
		padding-bottom: 48px;
	}

	.section-static-contents.section-static-relative .paragraph-content {
	position: relative;
	margin-top: -48px;
	}

	.row.card-news-list {
		padding: 24px 18px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	
	.row.card-news-list .col-lg-4.col-4 {
		border-radius: 5px;
		overflow: hidden;
		padding: 0px;
	}
	
	 .row.card-news-list .col-lg-8.col-8.post-title {
		padding-left: 20px;
	}
	
	 .row.card-news-list .col-lg-4.col-4 a img {
		max-width: 118%;
		position: relative;
		left: -8.6%;
	}


	.row.card-news-list.for-gallery {
		min-height: 256px;
		padding: 24px 16px;
	}
	.card-news-list.for-gallery h3 {
		font: normal 700 18px/24px var(--font-poppins);
	}

}

/* MEDIA 1194 END */

/* MEDIA 1120-1180 START */
@media only screen and (min-width: 1120px) and (max-width: 1180px) and (orientation: landscape) {
	.blue-rounded-area {
		padding: 24px 18px 24px 18px;
		margin-bottom: 32px;
	}

	.section-book-catalogue .book-home .slick-next {
		right: 4px;
	}

	/* KATALOG BUKU SEKOLAH 1180 */
	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 214px;
		min-height: 289px;
		max-height: 305px;
	}

	.section-book-catalogue .book-home .slick-slide {
		margin-left: 18px;
		margin-right: 18px;
		width: 214px;
		min-height: 352px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 220px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -2px;
	}

	.section-book-catalogue .book-label {
		width: 100%;
		min-height: 405px;
	}

	/* KATALOG BUKU SEKOLAH 1180 */

	/* ABOUT US OVERFVIEW 1180 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 28px 48px;
		margin-right: 15px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 74px 0px 64px 0px;
	}

	.section-static-contents.static-contents-gallery{
		padding: 50px 0px 60px 0px;
		margin-top: 18px;
	}
	.image-gallery-container #main {
		width: auto;
		height: 464px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}
	.section-header-blue {
		padding-bottom: 20px;
	}
	.section-static-contents.static-contents-events{
		padding: 50px 0px 64px 0px;
	}
	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	.section-static-contents.section-static-relative.content-paragraph-foreign {
		margin-top: -18px;
	}
	.section-static-contents.content-paragraph-foreign .paragraph-content .date-time-only a p:last-child {
		margin-bottom: 36px;
		margin-bottom: 15px;
	}
	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 174px;
		max-width: 174px;
	}

	/* ABOUT US OVERFVIEW 1180 */
	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 410px;
	}

	.contact-profile .info-area {
		width: 74%;
	}

	.featured-news-area {
		height: auto;
		margin-top: 76px;
	}

	.featured-news-area .title-container h3 {
		font-size: 31.5px;
	}

	/* EVENTS LIST 1120-1180 */

	.featured-news-area .title-container {
		padding: 27px 30px 10px 30px;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	/* EVENTS LIST 1120-1180 */
	.title-header-cover h1 {
		font-size:38px;
	}

	.section-primary-slider.for-layanan-digital {
		padding-bottom: 76px;
	}

	.section-static-contents.section-static-relative .paragraph-content {
	position: relative;
	margin-top: -48px;
	}
	.row.card-news-list {
		padding: 24px 20px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.row.card-news-list .col-lg-4.col-4{
		border-radius: 5px;
		overflow: hidden;
		padding: 0px;
	}

	.row.card-news-list .col-lg-4.col-4 a img{
		max-width: 118%;
		position: relative;
		left: -8.6%;
	}

	.row.card-news-list .col-lg-8.col-8.post-title{
		padding-left: 20px;
	}

	.card-news-list.for-gallery a.image-thumb {
		min-height: 146px;
		max-height: 146px;
		overflow: hidden;
		border-radius: 10.64px;
	}

	.card-news-list.for-gallery a.image-thumb img{
		border-radius: 10.64px;
	}
	.section-static-contents .container .row.d-flex.justify-content-center .row.card-news-list .col-lg-4.col-4 a {
		min-height: 146px;
		max-height: 146px;
		border-radius: 9.64px;
		margin-bottom: 12px;
		width: 100%;
		display: block;
		overflow: hidden;
	}
}

/* MEDIA 1120-1180 START */

/* MEDIA 1024 DEVICES LANDSCAPE START */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
	.default-container {
		max-width: 1140px;
	}

	.blue-rounded-area {
		padding: 24px 18px 24px 18px;
		margin-bottom: 32px;
	}

	.section-book-catalogue .book-home .slick-next {
		right: 14px;
	}

	/* BUKU SEKOLAH 1024 */
	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 214px;
		min-height: 306px;
		max-height: 306px;
	}

	.section-book-catalogue .book-home .slick-slide {
		margin-left: 19px;
		margin-right: 19px;
		width: 214px;
		min-height: 352px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 214px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -5px;
	}

	/* ABOUT US OVERFVIEW 1024 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 28px 48px;
		margin-right: 8px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 74px 0px 64px 0px;
	}
	.section-static-contents.static-contents-gallery{
		padding: 50px 0px 60px 0px;
		margin-top: 18px;
	}
	.image-gallery-container #main {
		width: auto;
		height: 420px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}
	
	.image-gallery-container {
		padding-bottom: 48px;
	}

	.section-static-contents.static-contents-events{
		padding: 48px 0px 50px 0px;
	}
	.statics-conten-foreign {
		padding: 64px 0px 60px 0px;
	}	

	.link-profile-download .blue-card {
		padding: 0px 16px 10px 16px;
	}
	.w-100 .row.gutter--24 .card-foreign-left {
		margin-top: 56px;
	}
	.section-static-contents.link-profile-download {
		padding: 74px 0px 60px 0px;
	}
	.content-paragraph-foreign {
		height: auto;
		padding: 60px 0px 0px 0px;
	  }
	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}
	.section-static-contents.section-static-relative.content-paragraph-foreign {
		margin-top: -5px;
	}
	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 174px;
		max-width: 174px;
	}

	/* ABOUT US OVERFVIEW 1024 */
	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 420px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators {
		bottom: 36px;
		margin-bottom: 30px;
	}

	.contact-profile {
		padding: 20px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.contact-profile .info-area {
		width: 74.05%;
	}

	.featured-news-area {
		height: auto;
		margin-top: 76px;
	}
	.title-header-cover h1 {
		font-size:38px;
	}

	.section-primary-slider.for-layanan-digital {
		padding-bottom: 58px;
	  }

	.row.card-news-list {
		padding: 24px 18px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.row.card-news-list .col-lg-4.col-4{
		border-radius: 5px;
		overflow: hidden;
		padding: 0px;
	}

	.row.card-news-list .col-lg-4.col-4 a img{
		max-width: 118%;
		position: relative;
		left: -8.6%;
	}

	.row.card-news-list .col-lg-8.col-8.post-title{
		padding-left: 20px;
	}
	.card-news-list.for-gallery a.image-thumb {
		min-height: 156px;
		max-height: 156px;
		overflow: hidden;
		border-radius: 9.64px;
		margin-bottom: 15px;
	}
	.card-news-list.for-gallery a.image-thumb img{
		border-radius: 11.64px;
	}

	.tooltip {
		position: absolute;
		opacity: 0;
		/* top: 8.6vh;
		left: 0; */
		top: -18px;
		left: -32px;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.right-share-content .tooltip {
		top: -18px;
		left: unset;
		right: -2px;
	}		

}

/* MEDIA 1024 DEVICES LANDSCAPE END */
/* MEDIA 1024 DEVICES POTRAIT START */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
	.blue-rounded-area {
		padding: 24px 18px 24px 18px;
		margin-bottom: 32px;
	}

	/* ABOUT US OVERFVIEW 1024 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 28px 48px;
		margin-right: 15px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 74px 0px 64px 0px;
	}

	.section-static-contents.static-contents-gallery{
		padding: 48px 0px 56px 0px;
		margin-top: 24px;
	}
	.image-gallery-container #main {
		width: auto;
		height: 420px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}

	.image-gallery-container {
		padding-top: 160px;
		padding-bottom: 48px;
	  }	
	.section-static-contents.statics-conten-foreign {
		padding: 60px 0px 60px 0px;
	}

	.content-paragraph-foreign {
		height: auto;
		padding:60px 0px 0px 0px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 32px 0px;
	}
	.blue-card-left {
		padding: 0px 10px 10px 10px;
	}

	.content-paragraph-foreign {
		height: auto;
		padding:60px 0px 0px 0px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 40px 0px;
	}
	.blue-card-left {
		padding: 0px 18px 10px 18px;
	}
	
	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	.w-100 .row.gutter--24 .card-foreign-left {
		margin-top: 56px;
	}

	.section-static-contents.section-static-relative.content-paragraph-foreign {
		margin-top: -24px;
	}

	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 174px;
		max-width: 174px;
	}

	/* ABOUT US OVERFVIEW 1024 */
	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 420px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators {
		bottom: 36px;
		margin-bottom: 30px;
	}

	.contact-profile {
		padding: 20px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.contact-profile .info-area {
		width: 73.5%;
		padding-left: 30px;
	}

	.featured-news-area {
		height: auto;
		margin-top: 76px;
	}

	.title-header-cover h1 {
		font-size:38px;
	}

	.section-primary-slider.for-layanan-digital {
		padding-bottom: 36px;
	}

	.section-static-contents.section-static-relative .paragraph-content {
	position: relative;
	margin-top: -48px;
	}
	.row.card-news-list {
		padding: 24px 18px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.row.card-news-list .col-lg-4.col-4{
		border-radius: 5px;
		overflow: hidden;
		padding: 0px;
	}

	.row.card-news-list .col-lg-4.col-4 a img{
		max-width: 118%;
		position: relative;
		left: -8.6%;
	}

	.row.card-news-list .col-lg-8.col-8.post-title{
		padding-left: 20px;
	}
	.card-news-list.for-gallery a.image-thumb {
		min-height: 150px;
		max-height: 152px;
		overflow: hidden;
		border-radius: 9.64px;
		margin-bottom: 15px;
	}
	.card-news-list.for-gallery a.image-thumb img{
		border-radius: 11.64px;
	}

	.section-static-contents .container .row.d-flex.justify-content-center .row.card-news-list .col-lg-4.col-4 a {
		min-height: 150px;
		max-height: 152px;
		border-radius: 9.64px;
		margin-bottom: 12px;
		width: 100%;
		display: block;
		overflow: hidden;
	}

}

/* MEDIA 1024 DEVICES POTRAIT END */
/*  MEDIA 992-1023 START */
@media screen and (min-device-width: 992px) and (max-device-width: 1023px) {

	/* KATALOG BUKU SEKOLAH 992-1023 */
	.section-book-catalogue .row .col-md-3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-book-catalogue .row .col-md-9 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-book-catalogue .book-label {
		min-height: 96px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.section-book-catalogue .book-label .label-book {
		width: auto;
		padding: 6px 20px;
	}

	.section-filter-branch .rounding-area {
		margin: 0 auto;
	}

	/* KATALOG BUKU SEKOLAH 992-1023 END */

	/* ABOUT US OVERFVIEW 1024 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 28px 48px;
		margin-right: 8px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 74px 0px 64px 0px;
	}

	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	/* ABOUT US OVERFVIEW 1024 */
	.category-container {
		width: 213px;
		padding: 0px 20px;
		text-align: center;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 400px;
	}

	.contact-profile {
		padding: 20px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.contact-profile .info-area {
		width: 72.5%;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 18px;
		margin-bottom: 24px;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 20px;
		margin-bottom: 18px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 24px;
	}

	.featured-news-area .title-container {
		padding: 24px 24px 10px 24px;
	}

	.featured-news-area .title-container h3 {
		font-size: 29px;
	}


	/* GALLERY COLLASE 992-1023 END */
	.static-contents-gallery {
		margin-top: 20px;
		position: relative;
	}

	.frame-gallery {
		width: 90px;
		height: 90px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 234%;
	}

	.image-gallery-container #thumbnails img {
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 686px;
		padding-top: 96px;
		padding-bottom: 30px;
		margin-top: 52px;
	}

	.image-gallery-container #main {
		width: 100%;
		height: auto;
	}

	/* GALLERY COLLASE 992-1023 END */
	.blue-rounded-area {
		background-color: var(--blue-900);
		padding: 86px 24px 500px 20px;
	}

	.logo-container img {
		max-height: 166px;
		max-width: 186px;
	}

	.title-header-cover h1 {
		font-size: 44px;
	}

	.title-header-cover h1 {
		font-size: 44px;
	}

	.news-filter ul {
		background: var(--white-one);
	}	
}

/*  MEDIA 992-1023 END */
/* MEDIA 1080 START */
@media only screen and (min-device-width: 1080px) and (max-device-width: 1080px) and (orientation: landscape) {
	.blue-rounded-area {
		padding: 24px 20px 24px 20px;
		margin-bottom: 32px;
	}

	.section-book-catalogue .book-home .slick-next {
		right: 14px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -5px;
	}

	/* BUKU SEKOLAH 1080 */
	.section-book-catalogue .book-label .label-book h2 {
		font-family: var(--font-poppins);
		font-size: 1.36rem;
		line-height: 140%;
	}

	.section-book-catalogue .book-home .slick-slide {
		margin-left: 19px;
		margin-right: 19px;
		width: 206px;
		min-height: 352px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 206px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 206px;
		min-height: 296px;
		max-height: 300px;
	}

	/* BUKU SEKOLAH 1080 */

	/* ABOUT US OVERFVIEW 1080 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 28px 48px;
		margin-right: 8px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 74px 0px 64px 0px;
	}
	.section-static-contents.static-contents-gallery{
		padding: 50px 0px 60px 0px;
		margin-top: 18px;
	}
	.image-gallery-container #main {
		width: auto;
		height: 420px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}
	.section-static-contents.static-contents-events{
		padding: 50px 0px 64px 0px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 474px;
	}

	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}
	.section-static-contents.section-static-relative.content-paragraph-foreign{
		margin-top: 5px;
	}
	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 174px;
		max-width: 174px;
	}

	/* ABOUT US OVERFVIEW 1080 */
	.featured-news-area {
		height: auto;
		margin-top: 76px;
	}

	.featured-news-area .title-container h3 {
		font-size: 31.5px;
	}


	/* EVENTS LIST 1080 */

	.featured-news-area .title-container {
		padding: 27px 30px 10px 30px;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	/* EVENTS LIST 1080 */
	.title-header-cover h1 {
		font-size:38px;
	}

	.section-primary-slider.for-layanan-digital {
		padding-bottom: 46px;
	}

	.row.card-news-list {
		padding: 24px 18px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.row.card-news-list .col-lg-4.col-4{
		border-radius: 5px;
		overflow: hidden;
		padding: 0px;
	}

	.row.card-news-list .col-lg-4.col-4 a img{
		max-width: 118%;
		position: relative;
		left: -8.6%;
	}

	.row.card-news-list .col-lg-8.col-8.post-title{
		padding-left: 20px;
	}
	.card-news-list.for-gallery h3 {
		font: normal 700 20px var(--font-poppins);
		margin-bottom: 0px;
		color: var(--blue-900);
		line-height: 140%;
	}

	.card-news-list.for-gallery a.image-thumb {
		min-height: 136px;
		max-height: 138px;
		margin-bottom: 12px;
	}

	.tooltip {
		position: absolute;
		opacity: 0;
		/* top: 8.6vh;
		left: 0; */
		top: -18px;
		left: -32px;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.right-share-content .tooltip {
		top: -18px;
		left: unset;
		right: -4px;
	}	

}

/* MEDIA 1080 START */
/*  MEDIA 951-991 START */
@media screen and (min-width: 951px) and (max-width: 991px) {
	.blue-rounded-area {
		padding: 30px 36px 30px 36px;
		margin-bottom: 32px;
	}

	.rounding-area {
		padding: 36px 25px;
		margin: 10px 10px 30px 10px;
	}

	.section-filter-branch .rounding-area {
		padding: 14px 20px;
		margin: 0 auto;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 130px !important;
	}

	.logo-container img {
		max-height: 110px;
		max-width: 176px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-12.col-12:last-child {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	/* BUKU SEKOLAH 951 */
	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 204px;
		min-height: 299px;
		max-height: 302px;
	}

	.section-book-catalogue .book-home .slick-slide {
		margin-left: 15px;
		margin-right: 15px;
		width: 204px;
		min-height: 352px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -8px;
		margin-bottom: 5px;
	}

	.section-book-catalogue .book-home .slick-next {
		right: -12px;
	}

	/* BUKU SEKOLAH 951 */

	.right-profile-writter {
		width: 76%;
	}

	/* ABOUT US OVERFVIEW 951-991 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 24px 38px;
		margin-right: 8px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 74px 0px 64px 0px;
	}

	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	.news-title.position-relative .card-title-article {
		position: relative;
		margin-top: -64px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
		margin-top: 0px;
		padding: 32px 20px 40px 20px;
		top: -5.56px;
		margin-top: -64px;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 15px 24px 24px;
		max-width: 100%;
		margin: 0 auto;
	}

	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.14em;
	}


	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}

	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 160px;
		max-width: 160px;
	}

	/* ABOUT US OVERFVIEW 951-991 */

	.category-container {
		width: 210px;
		padding: 0px 20px;
		text-align: center;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
		margin: 0 auto;
		overflow: hidden;
		padding: 5px;
		min-height: 256px;
		height: auto;
		overflow-x: auto;
	}

	/* FOREIGN 951-991 */
	.section-primary-slider.for-layanan-digital {
		position: relative;
		top: -74px;
		min-height: 398px;
		padding-bottom: 40px;
	}

	.section-static-contents.blue-section.section-foreign-only::before {
		content: " ";
		position: absolute;
		top: -54px;
		width: 100%;
		min-height: 64px;
		background-color: #114297;
	}

	.contact-profile .foto-area {
		width: 90px;
		height: 90px;
	}

	.contact-profile .info-area {
		width: 74.5%;
		padding-left: 15px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button {
		margin-top: 10px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 60px 0px;
	}

	.link-profile-download .blue-card {
		min-height: auto;
		margin-bottom: 30px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 345px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators {
		bottom: 64px;
		margin-bottom: 30px;
	}

	/* FOREIGN 951-991 */
	.section-book-catalogue .book-label {
		min-height: 96px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.section-book-catalogue .book-label .label-book {
		width: 95.5%;
	}

	.featured-news-area {
		height: auto;
		margin-top: 84px;
	}

	.featured-news-area .title-container {
		padding: 30px 24px 10px 24px;
		color: #fff;
		text-decoration: none;
		font-family: var(--font-poppins);
		font-size: 16px;
	}

	.featured-news-area .title-container h3 {
		font-size: 29px;
	}

	.card-news-list {
		padding: 24px 15px;
		margin: 10px 10px 30px 10px;
	}

	/* EVENTS LIST 951-991 */

	.featured-news-area .title-container {
		padding: 26px 30px 10px 30px;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 18px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	/* EVENTS LIST 951-991 */

	/* GALLERY COLLASE 951-991 */
	.static-contents-gallery {
		margin-top: 20px;
		position: relative;
	}

	.frame-gallery {
		width: 90px;
		height: 90px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 234%;
	}

	.image-gallery-container #thumbnails img {
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 686px;
		padding-top: 96px;
		padding-bottom: 30px;
		margin-top: 52px;
	}

	.image-gallery-container #main {
		width: 100%;
		height: auto;
	}

	/* GALLERY COLLASE 951-991 END */


}

/*  MEDIA 951-991 END */
/* MEDIA 835-950 START */
@media screen and (min-width: 835px) and (max-width: 950px) {
	.blue-rounded-area {
		padding: 30px 30px 30px 30px;
		margin-bottom: 48px;
		margin-top: 16px;
	}

	.rounding-area {
		padding: 30px 25px;
	}

	.logo-container img {
		max-height: 166px;
		max-width: 186px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-12.col-12:last-child {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	/* LIST BOOK KATALOG 835-950 START */
	.section-book-catalogue .book-label .label-book {
		width: 87.5%;
	}

	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 200px;
		min-height: 294px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 200px;
		min-height: 264px;
		max-height: 294px
	}

	.section-book-catalogue .book-home .slick-prev {
		left: -14px;
	}

	.section-book-catalogue .book-home .slick-next {
		right: 46px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -36px;
	}

	.section-book-catalogue .book-label {
		min-height: 98px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		margin-bottom: 40px;
	}

	.section-book-catalogue .book-home {
		left: 32px;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 160px !important;
	}

	.section-filter-branch .rounding-area {
		padding: 35px 24px 30px 24px;
		margin: 0 auto;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 200px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.section-book-catalogue .row .col-md-3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-book-catalogue .row .col-md-9 {
		flex: 0 0 auto;
		width: 100%;
	}

	/* LIST BOOK KATALOG 835-950 END */
	.right-profile-writter {
		width: 76%;
	}


	/* ABOUT US OVERFVIEW 835-950 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 24px 36px;
		margin-right: 6px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 74px 0px 64px 0px;
		position: relative;
	}

	.news-title.position-relative .card-title-article {
		position: relative;
		margin-top: -64px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
		margin-top: 0px;
		padding: 32px 20px 40px 20px;
		top: -5.56px;
		margin-top: -64px;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 15px 24px 24px;
		max-width: 100%;
		margin: 0 auto;
	}

	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.14em;
	}


	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}

	.title-header-cover {
		/* top: 59.64%; */
		top: 64.64%;
	}

	.section-static-contents.section-static-relative {
		/* padding: 32px 0px 30px 0px; */
		padding: 24px 0px 64px 0px;
		position: relative;
		margin-top: -86px;
		min-height: 70px;
		padding-bottom: 50px;
		top: -10px;
	}

	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 146px;
		max-width: 146px;
	}

	/* ABOUT US OVERFVIEW 835-950 */

	/* SCROLLER CSR 835-950 */
	.content-scroll.scrolling-tab .wrapper {
		position: relative;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
		width: 100%;
		min-height: 221px;
		height: auto;
		overflow: hidden;
		overflow-x: unset;
		overflow-x: auto;
		padding-bottom: 5px;
	}

	.scrolling-tab ul {
		left: -30px;
		padding-left: 0px;
	}

	.category-container {
		width: 164px;
		padding: 0px 15px;
	}

	.scrolling-tab .scroller-left,
	.scrolling-tab .scroller-right {
		display: block !important;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-left {
		position: absolute;
		left: 10px;
		top: 43px;
		z-index: 3;
		margin-left: -5px;
		display: block !important;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-right {
		position: absolute;
		right: 10px;
		top: 43px;
		z-index: 3;
		margin-right: -5px;
		display: block !important;
	}

	.scrolling-tab .scroller .icon-green {
		background: rgba(255, 255, 255, 0.46);
	}

	.scrolling-tab .scroller .icon-green svg path {
		stroke: #114297;
	}

	/* SCROLLER CSR 835-950 */
	/* FOREIGN 835-950 */
	.section-primary-slider.for-layanan-digital {
		position: relative;
		top: -74px;
		min-height: 100px;
		padding-bottom: 40px;
	}

	.section-static-contents.blue-section.section-foreign-only::before {
		content: " ";
		position: absolute;
		top: -54px;
		width: 100%;
		min-height: 64px;
		background-color: #114297;
	}

	.contact-profile .foto-area {
		width: 90px;
		height: 90px;
	}

	.contact-profile .info-area {
		width: 74.5%;
		padding-left: 15px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button {
		margin-top: 10px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 60px 0px;
	}

	.link-profile-download .blue-card {
		min-height: auto;
		margin-bottom: 30px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 345px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators {
		bottom: 64px;
		margin-bottom: 30px;
	}

	/* FOREIGN 835-950 */
	.featured-news-area {
		height: auto;
		margin-top: 64px;
	}

	.featured-news-area .row .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-news-list .col-4 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-news-list .col-8.post-title {
		padding-top: 15px;
		flex: 0 0 auto;
		width: 100%;
	}

	.featured-news-area .row .col-md-6 .title-container {
		padding-bottom: 30px;
	}

	.featured-news-area .title-container h3 {
		font-size: 32px;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 20px;
		margin-bottom: 18px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 24px;
	}

	/* GALLERY COLLASE 835-950 */
	.static-contents-gallery {
		margin-top: 20px;
		position: relative;
	}

	.frame-gallery {
		width: 90px;
		height: 90px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 234%;
	}

	.image-gallery-container #thumbnails img {
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 686px;
		padding-top: 96px;
		padding-bottom: 30px;
		margin-top: 136px;
	}

	.image-gallery-container #main {
		width: 100%;
		height: auto;
	}

	/* GALLERY COLLASE 835-950 END */
	/* NEWS FILTER 835-950 */
	.news-filter {
		margin-top: 60px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 835-950 */

	.rounding-area .row .col-lg-3.col-md-4 {
		flex: 0 0 auto;
		width: 29%;
	}

	.rounding-area .row .col-lg-9.col-md-8 {
		flex: 0 0 auto;
		width: 69%;
	}

	.title-header-cover h1 {
		font-size: 44px;
	}
}

/* MEDIA 835-950 START */
/* 834 START */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) {
	.blue-rounded-area {
		padding: 30px 30px 30px 30px;
		margin-bottom: 32px;
	}

	.rounding-area {
		padding: 30px 25px;
	}

	.section-filter-branch .rounding-area {
		padding: 30px 25px;
		margin: 0 auto;
	}

	.logo-container img {
		max-height: 166px;
		max-width: 186px;
	}

	/* LIST BOOK KATALOG 834 START */
	.section-book-catalogue .book-label .label-book {
		width: 87.5%;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 148px !important;
	}

	.section-filter-branch .row.gutter-search-book .col-md-6.col-12:nth-child(1) {
		margin-top: 10px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-6.col-12:nth-child(2) {
		margin-top: 10px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-12.col-12:last-child {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.section-book-catalogue .book-label {
		min-height: 98px;
		margin-bottom: 40px;
	}

	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 186px;
		min-height: 294px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 186px;
		min-height: 274px;
		max-height: 284px;
	}

	.section-book-catalogue .book-home .slick-prev {
		left: 46px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -5px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 164px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.section-book-catalogue .row .col-md-3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-book-catalogue .row .col-md-9 {
		flex: 0 0 auto;
		width: 100%;
	}

	/* LIST BOOK KATALOG 834 END */
	.right-profile-writter {
		width: 76%;
	}

	/* ABOUT US OVERFVIEW 834 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 24px 36px;
		margin-right: 6px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 48px 0px 64px 0px;
	}
	.statics-conten-foreign {
		padding: 0px 0px 48px 0px;
	  }

	.section-static-contents.link-profile-download {
		padding: 74px 0px 32px 0px;
	}
	.content-paragraph-foreign {
		height: auto;
		padding: 64px 0px 56px 0px;
	}
	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: -24px;
	}
	.section-static-contents.foreign-contact-section .contact-opening {
		padding-right: 60px;
	}
	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 145px;
		max-width: 145px;
	}

	.link-profile-download .blue-card {
		margin-bottom: 15px;
	}

	.blue-card-left {
		padding: 0px 10px 10px 10px;
	}
	.w-100 .row.gutter--24 .card-foreign-left{
		margin-top: 38px;
	}
	/* ABOUT US OVERFVIEW 834 */

	.title-section h3{
		font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	}

	/* SCROLLER CSR 834 */
	.section-static-contents.blue-section {
		position: relative;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
		width: 100%;
		min-height: 221px;
		height: auto;
		overflow: hidden;
		overflow-x: unset;
		overflow-x: auto;
		padding-bottom: 5px;
	}

	.scrolling-tab ul {
		left: -30px;
		padding-left: 0px;
	}

	.category-container {
		width: 174px;
		padding: 0px 15px;
	}

	.scrolling-tab .scroller-left,
	.scrolling-tab .scroller-right {
		display: block !important;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-left {
		position: absolute;
		left: 10px;
		top: 43px;
		z-index: 3;
		margin-left: -5px;
		display: block !important;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-right {
		position: absolute;
		right: 10px;
		top: 43px;
		z-index: 3;
		margin-right: -5px;
		display: block !important;
	}

	.scrolling-tab .scroller .icon-green {
		background: rgba(255, 255, 255, 0.46);
	}

	.scrolling-tab .scroller .icon-green svg path {
		stroke: #114297;
	}

	/* SCROLLER CSR 834 */
	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 350px;
	}

	.contact-profile {
		padding: 20px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.contact-profile .info-area {
		width: 74.5%;
		padding-left: 30px;
	}

	.news-title.position-relative .card-title-article {
		position: relative;
		margin-top: -64px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
		margin-top: 0px;
		padding: 32px 32px 40px 32px;
		top: -5.56px;
		margin-top: -64px;
	}

	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.4em;
	}

	/* FEATURES LIST 834 */
	.featured-news-area {
		height: auto;
		margin-top: 48px;
	}

	.featured-news-area .row .col-md-6 {
		flex: 0 0 auto;
		width: 100%;

	}

	.featured-news-area .row .col-md-6 .title-container {
		padding-bottom: 30px;
	}

	.row.card-news-list {
		height: auto;
	}

	.row.card-news-list .col-4 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-news-list .col-8.post-title {
		padding-top: 15px;
		flex: 0 0 auto;
		width: 100%;
	}

	/* FEATURES LIST 834 */
	.featured-news-area .title-container h3 {
		font-size: 32px;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 20px;
		margin-bottom: 18px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 24px;
	}


	/* GALLERY COLLASE 834 */
	.static-contents-gallery {
		margin-top: 20px;
		position: relative;
	}

	.frame-gallery {
		width: 76px;
		height: 76px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 234%;
	}

	.image-gallery-container #thumbnails img {
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 686px;
		padding-top: 99px;
		padding-bottom: 48px;
		margin-top: 136px;
	}

	.image-gallery-container #main {
		width: 100%;
		height: auto;
	}
	.image-gallery-container #main {
		width: auto;
		height: 420px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}
	/* GALLERY COLLASE 834 END */
	/* NEWS FILTER 820 */
	.news-filter {
		margin-top: 52px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
		background: var(--white-one);
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 820 */

	.form-kontak-area {
		padding: 0px 4px 40px 4px;
	}

	.rounding-area .row .col-lg-3.col-md-4 {
		flex: 0 0 auto;
		width: 29%;
	}

	.rounding-area .row .col-lg-9.col-md-8 {
		flex: 0 0 auto;
		width: 69%;
	}

	.title-header-cover h1 {
		font-size: 44px;
	}

	.title-header-cover {
		top: 62.64%;
	}

	.title-header-cover h1 {
		font-size: 42px;
	}

	.section-static-contents.section-static-relative .paragraph-content {
		position: relative;
		margin-top: -48px;
	}
	.section-static-contents.section-static-relative {
		padding: 56px 0px 40px 0px;
		margin-top: -53px;
	}

	.section-static-contents.section-static-relative.content-paragraph-foreign {
		margin-top: -24px;
	}

	.section-static-contents.section-static-relative .paragraph-content .title-section.text-center{
		padding-left: 64px;
		padding-right: 64px;
	}

	.title-header-cover {
		top: 60.64%;
	}

	.card-news-list.for-gallery a.image-thumb {
		min-height: 184px;
		max-height: 186px;
		overflow: hidden;
		border-radius: 9.64px;
		margin-bottom: 12px;
	}	

	.card-news-list.for-gallery a.image-thumb img{
		border-radius: 11.86px;
	}
	.section-static-contents .container .row.d-flex.justify-content-center .row.card-news-list .col-lg-4.col-4 a {
		min-height: 184px;
		max-height: 186px;
		border-radius: 9.64px;
		margin-bottom: 12px;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.tooltip {
		position: absolute;
		opacity: 0;
		/* top: 8.6vh;
		left: 0; */
		top: -18px;
		/* left: -62px; */
		left: -4px;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.right-share-content .tooltip {
		top: -18px;
		left: unset;
		right: -2px;
	}	

}

/* 834 END */
/* 820 DEVICES START */
@media only screen and (min-device-width: 820px) and (max-device-width: 820px) and (orientation: portrait) {
	.blue-rounded-area {
		padding: 24px 20px 24px 20px;
		margin-bottom: 32px;
	}

	.section-filter-branch .rounding-area {
		padding: 30px 24px;
		margin: 10px 0px 30px 0px;
	}

	.logo-container img {
		max-height: 166px;
		max-width: 186px;
	}

	/* LIST BOOK KATALOG 820 START */
	.section-book-catalogue .book-label .label-book {
		width: 90.5%;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 156px !important;
	}

	.section-filter-branch .row.gutter-search-book .col-md-6.col-12:nth-child(1) {
		margin-top: 10px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-6.col-12:nth-child(2) {
		margin-top: 10px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-12.col-12:last-child {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.section-book-catalogue .book-label {
		min-height: 98px;
		margin-bottom: 40px;
	}

	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 200px;
		min-height: 294px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 200px;
		min-height: 264px;
		max-height: 294px
	}

	.section-book-catalogue .book-home .slick-prev {
		left: 46px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -15px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 164px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.section-book-catalogue .row .col-md-3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-book-catalogue .row .col-md-9 {
		flex: 0 0 auto;
		width: 100%;
	}

	/* LIST BOOK KATALOG 820 END */

	.right-profile-writter {
		width: 76%;
	}
	.title-section h3 {
		font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	}


	/* ABOUT US OVERFVIEW 820 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 24px 36px;
		margin-right: 6px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}
	.image-gallery-container #main {
		width: auto;
		height: 386px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}

	.section-static-contents {
		padding: 60px 0px 60px 0px;
	}
	.section-static-contents.static-contents-gallery {
		padding: 48px 0px 60px 0px;
		margin-top: 18px;
	}
	.section-static-contents.static-contents-events{
		padding: 48px 0px 64px 0px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 36px 0px;
	}

	.link-profile-download .blue-card {
		min-height: auto;
		margin-bottom: 30px;
	}
	.blue-card-left {
		padding: 0px 16px 10px 16px;
	}
	.w-100 .row.gutter--24 .card-foreign-left {
		margin-top: 10px;
	}
	.content-paragraph-foreign {
		height: auto;
		padding: 60px 0px 0px 0px;
		top: 10px;
	}

	.statics-conten-foreign {
		padding: 46px 0px 50px 0px;
	}
	.contact-profile .foto-area {
		width: 76px;
	}
	.contact-profile .info-area {
		padding-left: 10px;
	}
	.contact-profile .email {
		font-size: 12.24px;
	}
	.foreign-contact-section .contact-opening {
		padding-right: 60px;
	}
	.section-static-contents.section-static-relative {
		/* padding: 32px 0px 30px 0px; */
		padding: 32px 0px 64px 0px;
		position: relative;
		margin-top: -86px;
		min-height: 70px;
		padding-bottom: 50px;
		top: -10px;
	}

	.news-title.position-relative .card-title-article {
		position: relative;
		margin-top: -64px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
		margin-top: 0px;
		padding: 32px 20px 40px 20px;
		top: -5.56px;
		margin-top: -64px;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 15px 24px 24px;
		max-width: 100%;
		margin: 0 auto;
	}

	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.14em;
	}

	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}

	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 144px;
		max-width: 144px;
	}

	/* ABOUT US OVERFVIEW 820 */
	/* SCROLLER CSR 820 */
	.section-static-contents.blue-section {
		position: relative;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
		width: 100%;
		min-height: 221px;
		height: auto;
		overflow: hidden;
		overflow-x: unset;
		overflow-x: auto;
		padding-bottom: 5px;
	}

	.scrolling-tab ul {
		left: -30px;
		padding-left: 0px;
	}

	.category-container {
		width: 164px;
		padding: 0px 15px;
	}

	.scrolling-tab .scroller-left,
	.scrolling-tab .scroller-right {
		display: block !important;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-left {
		position: absolute;
		left: 10px;
		top: 43px;
		z-index: 3;
		margin-left: -5px;
		display: block !important;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-right {
		position: absolute;
		right: 10px;
		top: 43px;
		z-index: 3;
		margin-right: -5px;
		display: block !important;
	}

	.scrolling-tab .scroller .icon-green {
		background: rgba(255, 255, 255, 0.46);
	}

	.scrolling-tab .scroller .icon-green svg path {
		stroke: #114297;
	}

	/* SCROLLER CSR 820 */
	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 324px;
	}

	.contact-profile .info-area {
		width: 73.5%;
	}

	.link-profile-download .blue-card {
		margin-bottom: 15px;
	}

	/* FEATURES LIST 820 */
	.featured-news-area {
		height: auto;
	}

	.featured-news-area .row .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.featured-news-area .row .col-md-6 .title-container {
		padding-bottom: 30px;
	}
	.row.for-event{
		height: auto;
		padding: 24px 12px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.row.for-event .col-lg-3.col-3 svg{
		margin-top: 8px;
	}
	.row.card-news-list {
		height: auto;
		padding: 24px 12px 24px 12px;
	}

	.row.card-news-list .col-4 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-news-list .col-8.post-title {
		padding-top: 15px;
		flex: 0 0 auto;
		width: 100%;
	}

	/* FEATURES LIST 820 */

	.featured-news-area {
		height: auto;
		margin-top: 76px;
	}

	.featured-news-area .title-container h3 {
		font-size: 32px;
	}

	/* NEWS FILTER 820 */
	.news-filter {
		margin-top: 52px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
		background: var(--white-one);
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 820 */
	.blue-rounded-area {
		padding: 24px 20px 24px 20px;
		margin-bottom: 48px;
		margin-top: 15px;
	}

	.form-kontak-area {
		padding: 0px 4px 30px 4px;
	}

	.rounding-area .row .col-lg-9 .row .col-lg-4.col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}
	.title-header-cover h1 {
		font-size:42px;
	}
	.section-static-contents.section-static-relative .paragraph-content {
		position: relative;
		margin-top: -56px;
	  }
	  .section-static-contents.section-static-relative .paragraph-content .title-section.text-center{
		padding-left: 64px;
		padding-right: 64px;
	}

	  .section-static-contents.section-static-relative {
		padding: 24px 0px 40px 0px;
		margin-top: -30px;
	  }
	  .section-static-contents.section-static-relative.content-paragraph-foreign{
		margin-top: -20px;
	  }
	  .title-header-cover {
		top: 60.64%;
	  }
	  .card-news-list.for-gallery a.image-thumb {
		min-height: 190px;
		max-height: 192px;
		border-radius: 10.64px;
		margin-bottom: 12px;
	  }

	  .card-news-list.for-gallery a.image-thumb img{
		border-radius: 12.64px;
	  }

	  .section-static-contents .container .row.d-flex.justify-content-center .row.card-news-list .col-lg-4.col-4 a {
		min-height: 190px;
		max-height: 192px;
		border-radius: 10.64px;
		margin-bottom: 12px;
		width: 100%;
		display: block;
		overflow: hidden;
	  }

	  .left-share-content {
		width: 39.56%;
	  }
	  
	  .tooltip {
		position: absolute;
		opacity: 0;
		/* top: 8.6vh;
		left: 0; */
		top: -18px;
		/* left: -62px; */
		left: -4px;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.right-share-content .tooltip {
		top: -18px;
		left: unset;
		right: 2px;
	}	

}

/* 820 DEVICES END */
/* 810 DEVICES START */
@media only screen and (min-device-width: 810px) and (max-device-width: 810px) and (orientation: portrait) {
	.blue-rounded-area {
		padding: 24px 20px 24px 20px;
		margin-bottom: 48px;
		margin-top: 10px;
	}

	.section-filter-branch .rounding-area {
		padding: 30px 24px;
		margin: 0 auto;
	}

	.logo-container img {
		max-height: 166px;
		max-width: 186px;
	}

	/* LIST BOOK KATALOG 810 START */

	.section-book-catalogue .book-label .label-book {
		width: 87.5%;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 136px !important;
	}

	.section-filter-branch .row.gutter-search-book .col-md-6.col-12:nth-child(1) {
		margin-top: 10px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-6.col-12:nth-child(2) {
		margin-top: 10px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-12.col-12:last-child {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.section-book-catalogue .book-label {
		min-height: 98px;
		margin-bottom: 40px;
	}

	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 200px;
		min-height: 294px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 200px;
		min-height: 264px;
		max-height: 294px
	}

	.section-book-catalogue .book-home .slick-prev {
		left: 46px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -15px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 194px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.section-book-catalogue .row .col-md-3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-book-catalogue .row .col-md-9 {
		flex: 0 0 auto;
		width: 100%;
	}

	/* LIST BOOK KATALOG 810 END */

	/* ABOUT US OVERFVIEW 810 */

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 24px 36px;
		margin-right: 6px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.section-static-contents {
		padding: 74px 0px 64px 0px;
	}
	.section-static-contents.static-contents-gallery{
		padding: 50px 0px 60px 0px;
	}
	.image-gallery-container #main {
		width: auto;
		height: 360px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}

	.section-static-contents.static-contents-events{
		padding: 50px 0px 64px 0px;
	}	
	.content-paragraph-foreign {
		height: auto;
		padding: 60px 0px 0px 0px;
		top: 10px;
	}
	.statics-conten-foreign {
		padding: 46px 0px 50px 0px;
	}
	.news-title.position-relative .card-title-article {
		position: relative;
		margin-top: -64px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
		margin-top: 0px;
		padding: 32px 20px 40px 20px;
		top: -5.56px;
		margin-top: -64px;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 15px 24px 24px;
		max-width: 100%;
		margin: 0 auto;
	}

	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.14em;
	}

	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}

	.logo-container {
		width: 100%;
		min-height: 136px;
	}

	.logo-container img {
		max-height: 136px;
		max-width: 136px;
	}

	/* ABOUT US OVERFVIEW 810 */

	.title-section h3 {
		font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	}

	/* SCROLLER CSR 810 */
	.section-static-contents.blue-section {
		position: relative;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
		width: 100%;
		min-height: 221px;
		height: auto;
		overflow: hidden;
		overflow-x: unset;
		overflow-x: auto;
		padding-bottom: 5px;
	}

	.scrolling-tab ul {
		left: -30px;
		padding-left: 0px;
	}

	.category-container {
		width: 164px;
		padding: 0px 15px;
	}

	.scrolling-tab .scroller-left,
	.scrolling-tab .scroller-right {
		display: block !important;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-left {
		position: absolute;
		left: 10px;
		top: 43px;
		z-index: 3;
		margin-left: -5px;
		display: block !important;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-right {
		position: absolute;
		right: 10px;
		top: 43px;
		z-index: 3;
		margin-right: -5px;
		display: block !important;
	}

	.scrolling-tab .scroller .icon-green {
		background: rgba(255, 255, 255, 0.46);
	}

	.scrolling-tab .scroller .icon-green svg path {
		stroke: #114297;
	}

	/* SCROLLER CSR 810 */
	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 374px;
	}

	.contact-profile .info-area {
		width: 72.5%;
	}

	.w-100 .row.gutter--24 .card-foreign-left {
		margin-top: 0px;
	}

	.section-static-contents.section-static-relative.content-paragraph-foreign {
		margin-top: -24px;
	}
	.section-static-contents.link-profile-download {
		padding: 74px 0px 36px 0px;
	}
	.foreign-contact-section .contact-opening {
		padding-right: 52px;
	}
	.contact-profile .foto-area {
		width: 76px;
	}
	.contact-profile .info-area {
		padding-left: 10px;
	}
	.contact-profile .email {
		font-size: 12.24px;
	}


	.link-profile-download .blue-card {
		min-height: auto;
		margin-bottom: 30px;
	}	
	.blue-card-left {
		padding: 0px 16px 10px 16px;
	  }
	.section-primary-slider.for-layanan-digital {
		position: relative;
		margin-top: -124px;
		top: 5px;
		padding-top: 46px;
		padding-bottom: 0px;
		min-height: 286px;
		z-index: 3;
	}

	.section-static-contents.section-static-relative {
		/* padding: 32px 0px 30px 0px; */
		padding: 48px 0px 64px 0px;
		position: relative;
		margin-top: -64px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	/* FEATURES LIST 810 */
	.featured-news-area {
		height: auto;
		margin-top: 64px;
	}

	.featured-news-area .row .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.featured-news-area .row .col-md-6 .title-container {
		padding-bottom: 30px;
	}
	.row.for-event{
		height: auto;
		padding: 24px 12px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.row.for-event .col-lg-3.col-3 svg{
		margin-top: 8px;
	}
	.row.card-news-list {
		height: auto;
		padding: 24px 12px;
	}

	.row.card-news-list .col-4 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-news-list .col-8.post-title {
		padding-top: 15px;
		flex: 0 0 auto;
		width: 100%;
	}

	/* FEATURES LIST 810 */
	.featured-news-area .title-container h3 {
		font-size: 32px;
	}

	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area .title-container h3 {
		font-size: 31px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	/* GALLERY COLLASE 810 */
	.static-contents-gallery {
		margin-top: 20px;
		position: relative;
	}

	.frame-gallery {
		width: 76px;
		height: 76px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 234%;
	}

	.image-gallery-container #thumbnails img {
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 686px;
		padding-top: 96px;
		padding-bottom: 48px;
		margin-top: 136px;
	}

	.image-gallery-container #main {
		width: 100%;
		height: auto;
	}

	/* GALLERY COLLASE 810 END */
	/* NEWS FILTER 810 */
	.news-filter {
		margin-top: 60px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
		background: var(--white-one);
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 810 */

	.form-kontak-area {
		padding: 0px 4px 40px 4px;
	}

	.title-section h3 {
		margin-bottom: 32px;
	}

	.rounding-area .row .col-lg-9 .row .col-lg-4.col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.title-header-cover h1 {
		font-size: 42px;
	}
	.section-static-contents.section-static-relative .paragraph-content {
		position: relative;
		margin-top: -46px;
	}
	.section-static-contents.section-static-relative {
		padding: 56px 0px 40px 0px;
		margin-top: -24px;
	}
	.section-static-contents.section-static-relative .paragraph-content .title-section.text-center{
		padding-left: 64px;
		padding-right: 64px;
	}	  
	.title-header-cover {
		top: 60.64%;
	}

	.left-share-content {
		width: 42%;
	}

	.left-share-content .tooltip{
		top: -18px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.card-news-list.for-gallery a.image-thumb {
		min-height: 185px;
		max-height: 186px;
		overflow: hidden;
		border-radius: 10.64px;
		margin-bottom: 13px;
	}
	.card-news-list.for-gallery a.image-thumb img{
		border-radius: 12px;
	}

	.section-static-contents .container .row.d-flex.justify-content-center .row.card-news-list .col-lg-4.col-4 a {
		min-height: 185px;
		max-height: 186px;
		border-radius: 10.64px;
		margin-bottom: 12px;
		width: 100%;
		display: block;
		overflow: hidden;
	}

/* EVENT NEW CARD 810 */
.card-news-list.for-card-events h3 {
    font: normal 700 19px/26.52px var(--font-poppins);
}
.card-news-list.for-card-events {
	padding: 30px 30px;
	p{
		margin-bottom: 2px !important;
		color: var(--gray-600)!important;		
		&:last-child{
			margin-bottom: 2px !important;
		}
	}
}
.card-summary-events {
	width: 100%;
	min-height: 168px;
	max-height: 168px;
  }
.card-news-list.for-card-events a.image-thumb {
	min-height: 150px;
	max-height: 152px;
	overflow: hidden;
	border-radius: 11.64px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	margin-bottom: 10px;
  }	
.card-news-list.for-card-events a.image-thumb img {
	border-radius: 11.64px;
	max-width: 111%;
	margin-left: -4.64%;
	margin-top: -2.24%;
}	
/* EVENT NEW CARD 810 */

}

/* 810 DEVICES END */


/* MEDIA 768 POTRAIT START */
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
	.blue-rounded-area {
		padding: 24px 20px 24px 20px;
		margin-bottom: 32px;
	}
}

/* MEDIA 768 POTRAIT END */

/* MEDIA 756-809 START */
@media screen and (min-width: 756px) and (max-width: 809px) {
	.blue-rounded-area {
		padding: 24px 20px 24px 20px;
		margin-bottom: 45px;
	}

	.rounding-area {
		padding: 30px 25px;
	}

	.logo-container img {
		max-height: 166px;
		max-width: 176px;
	}

	.section-filter-branch .rounding-area {
		margin: 30px 0px;
		padding: 15px 30px;
	}

	.section-book-catalogue .book-label {
		min-height: 98px;
		margin-bottom: 40px;
	}

	.news-title.position-relative .card-title-article {
		position: relative;
		margin-top: -64px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
		padding: 32px 24px 40px 24px;
		top: -5.56px;
		margin-top: -64px;
	}

	.publisher-share-content {
		margin-bottom: 32px;
	}

	.section-static-contents {
		/* padding: 32px 0px 30px 0px; */
		padding: 46px 0px 56px 0px;
		top: 20px;
		position: relative;
	}

	.section-static-contents.static-contents-events{
		padding: 30px 0px 56px 0px;
	}
	.statics-conten-foreign {
		padding: 46px 0px 50px 0px;
	  }
	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}

	.section-static-contents.section-static-relative {
		/* padding: 32px 0px 30px 0px; */
		position: relative;
		margin-top: -46px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 24px 32px;
	}

	.scrolling-tab ul {
		padding-left: 0px;
	}

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
		margin-top: -10px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
		margin-top: -10px;
	}

	.paragraph-content.scrolling-tab .tab-content {
		padding: 60px 56px;
		min-height: 214px;
	}

	.right-profile-writter {
		width: 100%;
	}

	.content-summary-writter {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.writter-name .social-network-corporate ul {
		padding-left: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.section-writter-contents {
		padding: 74px 0px 30px 0px;
	}

	.section-filter-branch .btn-submit-search {
		/* padding: 8px 17px; */
		padding: 12.18px 17px;
		border-radius: 5px;
	}

	.gutter-search-branch.row,
	.gutter-search-branch.container,
	.gutter-search-branch.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-branch>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.gutter-search-book.row,
	.gutter-search-book.container,
	.gutter-search-book.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-book>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-filter-branch .row.gutter-search-book .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:first-child {
		margin-top: 5px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:last-child {
		margin-bottom: 5px;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 100px !important;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12 {
		margin-bottom: 15px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 input[type='text'] {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 11.5px 10px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 .form-control {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 13.5px 10px;
	}

	.gutter-search-branch .col-sm-4 .form_group .btn-submit-search {
		padding: 13px 15px;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}

	.section-filter-branch .form-control {
		font-family: var(--font-poppins);
		padding: 12.5px 15px;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 15px 24px 24px;
		max-width: 224px;
		margin: 0 auto;
	}

	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.14em;
	}

	.date-publication-tag a.download-btn {
		width: 100%;
		display: block;
	}
	.column-20{
		flex: 0 0 33.333%;		
		width: 33.333%;
	}
	.footer-newsletter {
		background-color: var(--blue-900);
		padding: 50px 32px
	}

	/* LIST BOOK KATALOG 756-809 START */
	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 190px !important;
	}

	.section-book-catalogue .book-label .label-book {
		width: 87.5%;
	}

	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 200px;
		min-height: 294px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 200px;
		min-height: 264px;
		max-height: 294px
	}

	.section-book-catalogue .book-home .slick-prev {
		left: 46px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -15px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 164px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.section-book-catalogue .row .col-md-3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-book-catalogue .row .col-md-9 {
		flex: 0 0 auto;
		width: 100%;
	}

	/* LIST BOOK KATALOG 756-809 END */

	/* FEATURES LIST 756-809 */
	.featured-news-area {
		height: auto;
		margin-top: 72px;
	}

	.card-news-list .post-title h3 {
		font: normal 700 19px/26.52px var(--font-poppins);
	}
	.card-news-list.for-gallery h3 {
		font: normal 700 19px/26.52px var(--font-poppins);
	}

	.featured-news-area .row .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.featured-news-area .row .col-md-6 .title-container {
		padding-bottom: 30px;
	}

	.row.for-event{
		height: auto;
		padding: 24px 12px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.row.for-event .col-lg-3.col-3 svg{
		margin-top: 8px;
	}
	.row.card-news-list {
		height: auto;
		padding: 24px 12px;
	}

	.row.card-news-list .col-4 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-news-list .col-8.post-title {
		padding-top: 15px;
		flex: 0 0 auto;
		width: 100%;
	}

	/* FEATURES LIST 756-809 */
	/* NEWS FILTER 756-809 */
	.news-filter {
		margin-top: 60px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
		background: var(--white-one);
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 756-809 */
	.content-scroll.scrolling-tab .wrapper {
		position: relative;
		width: 100%;
		height: 180px;
		overflow: hidden;
		overflow-x: unset;
		overflow-x: auto;
	}

	.scrolling-tab ul {
		left: -30px;
		padding-left: 0px;
	}

	.category-container {
		width: 158px;
		padding: 0px 15px;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-left {
		position: absolute;
		left: 6px;
		top: 36px;
		z-index: 3;
		margin-left: -18px;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-right {
		position: absolute;
		right: 6px;
		top: 36px;
		z-index: 3;
		margin-right: -18px;

	}

	.scrolling-tab .scroller .icon-green {
		background: rgba(255, 255, 255, 0.46);
	}

	.scrolling-tab .scroller .icon-green svg path {
		stroke: #114297;
	}

	/* SCROLLER CSR 756-809 */

	.title-section h3 {
		font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	}

	/* FOREIGN 756-809 */
	.section-primary-slider.for-layanan-digital {
		position: relative;
		margin-top: -76px;
		min-height: 100px;
		padding-bottom: 40px;
		top: 4px;
	}

	.section-static-contents.blue-section.section-foreign-only::before {
		content: " ";
		position: absolute;
		top: -54px;
		width: 100%;
		min-height: 64px;
		background-color: #114297;
	}
	.section-primary-slider.for-layanan-digital {
		padding-bottom: 56px;
	  }
	.section-static-contents.section-static-relative {
		padding: 64px 0px 40px 0px;
		margin-top: -24px;	
	  } 
	  .title-header-cover h1 {
		font-size: 42px;
	}
	.featured-news-area {
		height: auto;
		margin-top: 70px;
	}
	.contact-profile .foto-area {
		width: 74px;
		height: 74px;
	}
	.title-header-cover {
		top: 60.64%;
	}
	.contact-profile .email {
		font-size: 12.24px;
	}

	.section-static-contents.section-static-relative .paragraph-content {
		position: relative;
		margin-top: -40px;
	  }

	.contact-profile {
		padding: 20px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.contact-profile .info-area {
		width: 74.24%;
		padding-left: 20px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button {
		margin-top: 10px;
	}

	.blue-card-left {
		padding: 0px 10px 10px 10px;
	}

	.content-paragraph-foreign {
		height: auto;
		padding:60px 0px 0px 0px;
		top: 10px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 40px 0px;
	}
	.blue-card-left {
		padding: 0px 16px 10px 16px;
	}
	.foreign-contact-section .contact-opening {
		padding-right: 60px;
	}
	.section-static-contents.section-static-relative {
		padding: 20px 0px 30px 0px;
		position: relative;
		margin-top: -98px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	.w-100 .row.gutter--24 .card-foreign-left {
		margin-top: 0px;
	}

	.section-static-contents.section-static-relative.content-paragraph-foreign {
		margin-top: -24px;
	}

	.link-profile-download .blue-card {
		min-height: auto;
		margin-bottom: 30px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 220px;
	}


	.rounding-area .row .col-lg-9 .row .col-lg-4.col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	/* FOREIGN 756-809 */

	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area .title-container h3 {
		font-size: 31px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	/* GALLERY COLLASE 756-809 */
	.static-contents-gallery {
		margin-top: 20px;
		position: relative;
	}

	.frame-gallery {
		width: 64px;
		height: 64px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 234%;
	}

	.image-gallery-container #thumbnails img {
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 610px;
		padding-top: 99px;
		padding-bottom: 48px;
		margin-top: 136px;
	}

	.image-gallery-container #main {
		width: auto;
		height: 368px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}

	/* GALLERY COLLASE 756-809 */
	.form-kontak-area {
		padding: 0px 4px 40px 4px;
	}

	.left-share-content {
		color: var(--black-40);
		width: 100%;
	}

	.card-news-list.for-gallery a.image-thumb {
		min-height: 165px;
		max-height: 168px;
		overflow: hidden;
		border-radius: 9.64px;
		margin-bottom: 14px;
	}
	.card-news-list.for-gallery a.image-thumb img{
		border-radius: 11.64px;
	}
	.section-static-contents .container .row.d-flex.justify-content-center .row.card-news-list .col-lg-4.col-4 a {
		min-height: 165px;
		max-height: 168px;
		border-radius: 10.64px;
		margin-bottom: 12px;
		width: 100%;
		display: block;
		overflow: hidden;
	}
	.tooltip {
		position: absolute;
		opacity: 0;
		/* top: 8.6vh;
		left: 0; */
		top: -18px;
		/* left: -62px; */
		left: -56%;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.right-share-content .tooltip {
		top: -18px;
		left: unset;
		right: -3px;
	}	
/* EVENT NEW CARD 756-809 */
.card-news-list.for-card-events h3 {
    font: normal 700 19px/26.52px var(--font-poppins);
}
.card-news-list.for-card-events {
	padding: 30px 30px;
	p{
		margin-bottom: 2px !important;
		color: var(--gray-600)!important;		
		&:last-child{
			margin-bottom: 2px !important;
		}
	}
}
.card-summary-events {
	width: 100%;
	min-height: 168px;
	max-height: 168px;
  }
.card-news-list.for-card-events a.image-thumb {
	min-height: 150px;
	max-height: 152px;
	overflow: hidden;
	border-radius: 11.64px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	margin-bottom: 10px;
  }	
.card-news-list.for-card-events a.image-thumb img {
	border-radius: 11.64px;
	max-width: 111%;
	margin-left: -4.64%;
	margin-top: -2.24%;
}	
/* EVENT NEW CARD 756-809 */

}

/* MEDIA 756-809 END */

@media screen and (max-width: 600px) {

	.section-static-contents {
		padding: 30px 0px;
	}

	.head-cover-image {
		max-height: 200px;
	}

	.wrp-head-cover.head-news {
		position: absolute;
		width: 101vw;
		min-height: 110px;
		position: absolute;
		left: 50%;
		top: 43%;
	}

	.title-header-cover {
		max-width: 95%;
	}

	.paragraph-content {
		/*font-size: 14px;*/
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		margin-bottom: 0px;
		line-height: 158%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
	}

	.section-static-contents .col-lg-9.col-md-12 .paragraph-content h2:first-child.text-center {
		margin-top: 74px;
		margin-bottom: 24px;
	}

	.news-title .container {
		padding: 0px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.erlangga-container {
		padding-right: 15px;
		padding-left: 15px;
	}

	.news-title .blue-overlap {
		padding: 130px 10px 30px 10px;
		border-radius: 0px;
		margin-top: -50px;
		z-index: 2;
	}

	.news-title .blue-overlap.for-news-detail {
		padding: 30px 20px 30px 20px;
		margin-top: 90px;
	}

	.blue-overlap h1 {
		font-size: 30px;
	}

	.left-publisher {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

	.right-share-content {
		width: 100%;
		display: block;
		padding: 0px;
		text-align: center;
	}

	.right-share-content .tooltip {
		top: -19px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.left-share-content {
		width: 100%;
		display: block;
		padding: 0px;
		text-align: center;	
	}
	.left-share-content .tooltip {
		top: -19px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.title-section h3 {
		font-size: 29px;
		margin-bottom: 20px;
	}
	.right-new-catalog .title-of-new h2 {
		display: none;
	}
	.card-news-list {
		padding: 15px 10px;
		box-shadow: none;
		border: 0px;
		margin: 0px;
	}
	.section-static-contents .default-container.container .row.d-flex.justify-content-center .row.card-news-list {
		min-height: 132px;
	}
	.section-static-contents .container .row.align-items-center.mb-4 .row.d-flex.justify-content-center .col-lg-6.col-md-6.col-sm-12.col-12 .card-news-list {
		min-height: 114px!important;
	}
	.section-static-contents .default-container.container .row.d-flex.justify-content-center .col-lg-6.col-md-6 .row.card-news-list{
		min-height:114px;
		padding: 10px 0px 10px 0px;
	}


	.card-news-list .post-title h3 {
		font-size: 15px;
		font-weight: 600;
	}

	.card-news-list .date-time-only {
		font-size: 12px;
	}

	.section-header-blue {
		margin-top: 0px;
		min-height: 300px;
		background-size: cover;
	}

	.link-profile-download .blue-card {
		min-height: auto;
		margin-bottom: 20px;
	}

	.editors-pick-section,
	.foreign-contact-section {
		font-size: 14px;
		padding: 60px 0px;
	}

	.title-header-cover {
		top: 56%;
		max-width: 100%;
	}

	.title-header-cover .title-container h1 {
		font-size: 34px;
	}

	.title-container .subjudul {
		font-size: 20px;
	}

	.rounding-area {
		padding: 40px 30px;
		margin: 20px 0px 6px 0px;
		border-radius: 10px;
		border: 1px solid #e8e8e8;
		overflow: hidden;
		box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
	}

	.busines-lines .paragraph-content .rounding-area:last-child {
		margin-bottom: 10px;
	}

	.featured-news-area .title-container {
		padding: 30px;
	}

	.featured-news-area .title-container h3 {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.section-primary-slider.for-layanan-digital {
		position: relative;
		top: 20px;
		min-height: 100px;
		padding-bottom: 40px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		width: 100% !important;
		overflow: hidden;
		min-height: 100px;
	}

	.for-layanan-digital #carouselPrimary .carousel-item {
		width: 100% !important;
		background-color: white;
		border-radius: 24px;
	}

	/* Poppins */
	.section-primary-slider #carouselPrimary .carousel-inner::before {
		display: none !important;
	}

	.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}

	.scrolling-tab .wrapper {
		height: 60px;
		overflow-x: auto;
	}

	.scrolling-tab .nav-item .nav-link {
		padding: 12px 21px;
	}

	.scrolling-tab .scroller .icon-green {
		margin-top: 0px;
	}

	.scrolling-tab .scroller {
		padding-top: 4px;
		padding-right: 0px;
	}

	.scrolling-tab .scroller-left {
		display: block !important;
		margin-left: -16px;
	}

	.scrolling-tab .scroller-right {
		display: block !important;
		margin-right: -12px;
	}


	.tab-content {
		padding: 30px 30px
	}

	.category-container {
		width: 140px;
		padding: 0px 10px
	}

	.category-container a,
	.category-container a:hover {
		font-size: 14px;
		line-height: 20px;
	}


	.content-scroll.scrolling-tab .scroller {
		padding-top: 50px;
	}

	.section-book-catalogue .book-label {
		min-height: 86px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding: 10px 5px 6px 0px;
	}

	.section-book-catalogue .book-label .label-book {
		width: 83.64%;
	}

	.section-book-catalogue .book-label .label-book h2 {
		font-size: 1.3rem;
	}

	.section-book-catalogue .card-book-gallery {
		min-height: 200px;
	}

	.section-book-catalogue .card-book-gallery .real-cover {
		padding: 0px 0px 0px 0px
	}

	.section-book-catalogue .book-home .slick-track {
		padding-top: 20px;
	}

	/*  CSR SCROLLER */
	.paragraph-content.scrolling-tab.content-scroll {
		position: relative;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-left {
		position: absolute;
		left: 6px;
		top: -16px;
		z-index: 3;
		margin-left: -16px;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-right {
		position: absolute;
		right: 6px;
		top: -16px;
		z-index: 3;
		margin-left: -16px;
	}

	.content-scroll.scrolling-tab .wrapper {
		width: 100%;
		height: 180px;
		overflow: unset;
		overflow-x: auto;
	}

	.scrolling-tab .scroller .icon-green {
		background: rgba(255, 255, 255, 0.46);
	}

	.scrolling-tab .scroller .icon-green svg path {
		stroke: #114297;
	}

	/*  CSR SCROLLER */
	a.real-cover,
	a.real-cover img {
		min-height: 100px;
	}

	.card-books-title {
		font-size: 13px;
	}

	.section-weekly-books {
		padding: 20px 0px 10px 0px;
	}

	.book-cover {
		padding: 0px 15px;
	}

	.book-cover img {
		border-radius: 5px;
	}

	.blue-overlap .time-published p {
		font-size: 14px;
	}

	.blue-rounded-area {
		padding: 30px 28px 30px 28px;
		margin-bottom: 54px;
		margin-top: 56px;
	}

	.contact-opening {
		padding: 0px;
	}

	.company-profile-title {
		margin: 20px 0px 40px 0px;
		font-size: 28px;
	}

	.card-news-list.for-layanan-digital {
		margin: 5px 5px 15px 5px;
		min-height: auto;
		padding: 20px 15px 20px 15px;
		border: 1px solid #e8e8e8;
		overflow: hidden;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	}

	.left-card-catalog {
		width: 30%;
		box-shadow: none;
		height: auto;
		min-height: 50px;
		max-height: 206px;
		padding: 0px;
	}

	.left-card-catalog a img {
		max-width: 100%;
		border-radius: 15px;
	}

	.center-card-catalog a h1 {
		font-size: 20px;
	}

	.center-card-catalog a,
	.center-card-catalog p,
	.center-card-catalog {
		font-size: 14px;
	}

	.card-catalog-annualy {
		padding: 15px 15px 15px 15px;
		min-height: auto;
		max-height: none !important;
		/* right: 0px; */
	}

	.center-card-catalog {
		padding-top: 0px;
		padding-bottom: 0px;
		width: 70%;
		min-height: 236px;
	}

	.right-card-catalog {
		padding: 0px;
	}

	.section-filter-branch .rounding-area {
		margin: 30px 0px;
	}

	.section-filter-branch .btn-submit-search {
		/* padding: 8px 17px; */
		padding: 12px 17px;
		border-radius: 5px;
	}

	.form-kontak-area {
		padding: 0px 2px 20px 2px;
	}

	ul.sub-menu-child li:last-child {
		border-bottom: solid 1px var(--blue-800);
	}

	.section-book-catalogue .book-label {
		min-height: 98px;
		margin-bottom: 40px;
	}

	.item-new-book {
		padding: 10px 20px 30px 20px;
	}

	.centered-cover-frame {
		min-height: 124px;
		padding: 24px 15px 30px 15px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:last-child {
		margin-bottom: 10px;
		/* display: none!important; */
	}	

}


/* MEDIA 576-755 START */
@media screen and (min-width: 576px) and (max-width: 755px) {

	.section-filter-branch .rounding-area {
		margin: 30px 0px;
		padding: 15px 30px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
		top: -5.56px;
		margin-top: -75px;
		padding: 50px 36px 50px 36px;
	}

	.blue-overlap h1 {
		font-family: var(--font-poppins);
		font-size: 2.36em;
	}

	.news-title.position-relative .card-title-article {
		position: relative;
		margin-top: -86px;
		margin-bottom: 64px;
	}

	.section-static-contents {
		padding: 30px 0px;
		top: -56px;
		position: relative;
	}

	.section-filter-branch .btn-submit-search {
		/* padding: 8px 17px; */
		padding: 12.18px 17px;
		border-radius: 5px;
	}

	.gutter-search-branch.row,
	.gutter-search-branch.container,
	.gutter-search-branch.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-branch>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.gutter-search-book.row,
	.gutter-search-book.container,
	.gutter-search-book.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-book>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:first-child {
		margin-top: 5px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:last-child {
		margin-bottom: 5px;
	}

	.section-static-contents {
		/* padding: 30px 0px; */
		padding: 60px 0px 74px 0px;
		margin-top: -76px;
		position: relative;
		top: 0px;
	}
	.section-static-contents.static-contents-events{
		margin-top: 8px;
		padding: 52px 0px 74px 0px;
	}
	.card-news-list.for-card-events {
		padding: 30px 30px;
		border: 1px solid #e8e8e8;
		overflow: hidden;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		margin: 13px 0px 13px 0px;
	}
	.section-static-contents.busines-lines {
		margin-top: 16px;
		position: relative;
	}

	.section-static-contents.blue-section {
		position: relative;
		margin-bottom: 74px;
	}

	.section-static-contents .col-lg-9.col-md-12 .paragraph-content h2:first-child.text-center {
		margin-top: 86px;
		margin-bottom: 24px;
	}

	.paragraph-content p:last-child {
		margin-bottom: 76px;
	}

	.paragraph-content ul li p:last-child {
		margin-bottom: 1.04rem;
	}

	.paragraph-content ol li p:last-child {
		margin-bottom: 1.04rem;
	}

	.form-kontak-area #contact-form p {
		margin-bottom: 15px;
	}

	.section-static-contents.section-static-relative {
		padding: 50px 0px 74px 0px;
		margin-top: -96px;
		position: relative;
		top: 0px;
	}
	.section-static-contents.section-static-relative {
		padding: 99px 0px 32px 0px;
	}
	.section-static-contents.editors-pick-section {
		margin-top: 6px;
		margin-bottom: 74px;
	}

	.section-static-contents .col-lg-9.col-md-12 .paragraph-content.content-overview-about h2.text-center {
		margin-top: 18px;
		margin-bottom: 32px;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 190px !important;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12 {
		margin-bottom: 15px;
	}
	.paragraph-content .date-time-only p {
		margin-bottom: 13px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 input[type='text'] {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 11.5px 10px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 .form-control {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 13.5px 10px;
	}

	.gutter-search-branch .col-sm-4 .form_group .btn-submit-search {
		padding: 13px 15px;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}

	.section-filter-branch .form-control {
		font-family: var(--font-poppins);
		padding: 12.5px 10px;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 24px 24px 24px;
		max-width: 306px;
		margin: 0 auto;
	}

	.date-publication-tag a.download-btn {
		width: 100%;
		display: block;
	}

	.footer-newsletter {
		background-color: var(--blue-900);
		padding: 50px 32px
	}

	/* LIST BOOK KATALOG 576-755 START */
	.section-book-catalogue .book-label {
		min-height: 98px;
		margin-bottom: 40px;
	}

	.section-book-catalogue .book-label .label-book {
		width: 87.5%;
	}

	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		position: relative;
		width: 164px;
		min-height: 294px;
		margin-left: 11px;
		margin-right: 11px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 164px;
		min-height: 224px;
		max-height: 228px;
	}

	.section-book-catalogue .book-home .slick-prev {
		left: 20px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -5px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 164px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.item-new-book {
		padding: 10px 20px 30px 20px;
	}

	/* LIST BOOK KATALOG 576-755 END */
	.logo-container {
		width: 100%;
		min-height: 116px;
		margin-bottom: 20px;
	}

	.category-container {
		width: 146px;
		padding: 0px 20px;
		text-align: center;
	}

	.category-container a {
		font-size: 15px;
	}

	.content-scroll.scrolling-tab .wrapper {
		position: relative;
		margin: 0 auto;
		overflow: hidden;
		padding: 5px;
		min-height: 156px;
		height: auto;
		overflow-x: auto;
	}

	/* FOREIGN 576-755 */
	.section-primary-slider.for-layanan-digital {
		position: relative;
		margin-top: -66px;
		min-height: 70px;
		padding-bottom: 70px;
		top: 5px;
	}

	.section-static-contents.blue-section.section-foreign-only::before {
		content: " ";
		position: absolute;
		top: -50px;
		width: 100%;
		min-height: 58px;
		background-color: #114297;
	}

	.contact-profile .foto-area {
		width: 90px;
		height: 90px;
	}

	.contact-profile .info-area {
		width: 79.24%.;
		padding-left: 15px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button {
		margin-top: 10px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 124px 0px;
	}

	.link-profile-download .blue-card {
		min-height: auto;
		margin-bottom: 30px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 252px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators {
		bottom: 50px;
		margin-bottom: 30px;
	}

	/* FOREIGN 576-755 */

	/* FEATURED LIST NEWS 576-755 */
	.featured-news-area {
		height: auto;
		margin-top: 48px;
		margin-bottom: 56px;
	}

	.featured-news-area .title-container {
		padding: 40px 30px 30px 30px;
	}

	/* FEATURED LIST NEWS 576-755 */

	/* NEWS FILTER 576-755 */
	.news-filter {
		margin-top: 60px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 576-755 */

	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area .title-container h3 {
		font-size: 30px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	/* GALLERY COLLASE 576-755 */
	.static-contents-gallery {
		margin-top: 20px;
		position: relative;
	}

	.frame-gallery {
		width: 64px;
		height: 64px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 234%;
	}

	.image-gallery-container #thumbnails img {
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 486px;
		padding-top: 98px;
		padding-bottom: 56px;
	}

	.image-gallery-container #main {
		width: 100%;
		height: auto;
	}

	.image-gallery-container #main {
		width: auto;
		height: 296px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}

	.section-header-blue {
		margin-top: -10px;
	}

	/* GALLERY COLLASE 576-755*/
	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}
}

/* MEDIA 576-755 END */


/* MEDIA 540-575 START */
@media screen and (min-width: 540px) and (max-width: 575px) {

	.section-filter-branch .rounding-area {
		margin: 30px 0px;
		padding: 15px 24px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
		margin-top: 0px;
		top: -5.56px;
		margin-top: -75px;
		padding: 50px 36px 50px 36px;
	}

	.section-static-contents {
		/* padding: 30px 0px; */
		padding: 60px 0px 74px 0px;
		margin-top: -76px;
		position: relative;
		top: 0px;
	}
	.section-static-contents.static-contents-events{
		margin-top: 10px;
		padding: 52px 0px 74px 0px;
	}
	.card-news-list.for-card-events {
		padding: 30px 30px;
		border: 1px solid #e8e8e8;
		overflow: hidden;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		margin: 13px 0px 13px 0px;
	}

	.section-static-contents.section-static-relative {
		padding: 99px 0px 32px 0px;
	}
	.section-static-contents.busines-lines {
		margin-top: 10px;
		position: relative;
	}

	.section-static-contents.blue-section {
		position: relative;
		margin-bottom: 74px;
	}

	.section-static-contents.blue-section.section-foreign-only {
		background: var(--blue-800);
	}

	.paragraph-content p:last-child {
		margin-bottom: 76px;
	}
	.paragraph-content .date-time-only p {
		margin-bottom: 13px;
	}

	.paragraph-content ul li p:last-child {
		margin-bottom: 1.04rem;
	}

	.paragraph-content ol li p:last-child {
		margin-bottom: 1.04rem;
	}

	.form-kontak-area #contact-form p {
		margin-bottom: 15px;
	}

	.section-filter-branch .btn-submit-search {
		/* padding: 8px 17px; */
		padding: 12.18px 17px;
		border-radius: 5px;
	}


	.gutter-search-branch.row,
	.gutter-search-branch.container,
	.gutter-search-branch.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-branch>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.gutter-search-book.row,
	.gutter-search-book.container,
	.gutter-search-book.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-book>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:first-child {
		margin-top: 5px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:last-child {
		margin-bottom: 5px;
	}

	.section-static-contents .col-lg-9.col-md-12 .paragraph-content.content-overview-about h2.text-center {
		margin-top: 18px;
		margin-bottom: 32px;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 190px !important;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12 {
		margin-bottom: 15px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 input[type='text'] {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 11.5px 10px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 .form-control {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 13.5px 10px;
	}

	.gutter-search-branch .col-sm-4 .form_group .btn-submit-search {
		padding: 13px 15px;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}

	.section-filter-branch .form-control {
		font-family: var(--font-poppins);
		padding: 12.5px 10px;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 24px 24px 24px;
		max-width: 80%;
		margin: 0 auto;
	}

	.date-publication-tag a.download-btn {
		width: 100%;
		display: block;
	}

	.footer-newsletter {
		background-color: var(--blue-900);
		padding: 50px 32px
	}

	/* LIST BOOK KATALOG 540-575 START */
	.section-book-catalogue .book-label .label-book {
		width: 87.5%;
	}

	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 152px;
		min-height: 294px;
		margin-left: 11px;
		margin-right: 11px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 152px;
		min-height: 224px;
		max-height: 228px;
	}

	.section-book-catalogue .book-home .slick-prev {
		left: 20px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -5px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 164px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	/* LIST BOOK KATALOG 540-575 END */
	.section-writter-contents {
		padding-top: 86px;
	}

	.logo-container {
		width: 100%;
		min-height: 116px;
		margin-bottom: 20px;
	}

	/* SCROLLER CSR 540-575 */
	.scrolling-tab ul {
		left: -24px;
		padding-left: 0px;
	}

	.category-container {
		width: 132px;
		padding: 0px 12px;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-left {
		position: absolute;
		left: 6px;
		top: -5px;
		z-index: 3;
		margin-left: -18px;
	}

	.paragraph-content.scrolling-tab.content-scroll .scroller-right {
		position: absolute;
		right: 6px;
		top: -5px;
		z-index: 3;
		margin-right: -18px;

	}

	.scrolling-tab .scroller .icon-green {
		background: rgba(255, 255, 255, 0.46);
	}

	.scrolling-tab .scroller .icon-green svg path {
		stroke: #114297;
	}

	/* SCROLLER CSR 540-575 */

	/* FOREIGN 540-575 */
	.section-primary-slider.for-layanan-digital {
		position: relative;
		top: -40px;
		min-height: 100px;
		padding-bottom: 40px;
	}

	.section-static-contents.blue-section.section-foreign-only::before {
		content: " ";
		position: absolute;
		top: -195px;
		width: 100%;
		min-height: 196px;
		/* background-color: #114297; */
		background-color: var(--blue-900);
	}

	.contact-profile .foto-area {
		width: 90px;
		height: 90px;
	}

	.contact-profile .info-area {
		width: 79.24%.;
		padding-left: 24px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button {
		margin-top: 10px;
	}

	.section-static-contents.link-profile-download {
		padding: 74px 0px 126px 0px;
	}

	/* FOREIGN 540-575 */
	/* FEATURED LIST NEWS  540-575 */
	.featured-news-area {
		height: auto;
		margin-top: 48px;
		margin-bottom: 56px;
	}

	.featured-news-area .title-container {
		padding: 40px 30px 30px 30px;
	}

	.news-title.position-relative .card-title-article {
		position: relative;
		margin-top: -96px;
		margin-bottom: 64px;
	}

	/* FEATURED LIST NEWS  540-575 */
	/* NEWS FILTER 540-575 */
	.news-filter {
		margin-top: 60px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 540-575 */
	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area .title-container h3 {
		font-size: 30px;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	/* GALLERY COLLASE 540-575*/
	.static-contents-gallery {
		margin-top: 20px;
		position: relative;
	}

	.frame-gallery {
		width: 64px;
		height: 64px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 234%;
	}

	.image-gallery-container #thumbnails img {
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 456px;
		padding-top: 98px;
		padding-bottom: 56px;
	}

	.image-gallery-container #main {
		width: 100%;
		height: auto;
	}

	.image-gallery-container #main {
		width: auto;
		height: 252px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}
	/* GALLERY COLLASE 540-575*/

	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}
	.right-new-catalog .title-of-new h2 {
		display: none;
	}
	
	.title-book-mb .title-of-new h2{
		display: flex;
	}

	.list-new-book-catalog {
		padding: 56px 0px 46px 0px;
	}
}

/* MEDIA 540-575 END */
/* MEDIA 481-539 START */
@media screen and (min-width: 481px) and (max-width: 539px) {

	/* GALLERY COLLASE */
	.frame-gallery {
		width: 48px;
		height: 48px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 200%;
	}

	.image-gallery-container #thumbnails img {
		width: 84px;
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	/* GALLERY COLLASE 481-539*/

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 420px;
		padding-top: 98px;
		padding-bottom: 56px;
	}

	.image-gallery-container #main {
		width: 100%;
		height: auto;
	}

	.image-gallery-container #main {
		width: auto;
		height: 236px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}

	/* GALLERY COLLASE 481-539*/

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 20px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 16px;
		margin-bottom: 15px;
	}

	.wrp-head-cover.head-news img {
		max-width: 256%;
		width: auto !important;
		margin-top: 11.46%;
		margin-left: 0 auto;
		margin-right: 0 auto;
	}

	.head-cover-image {
		min-height: 336px;
		max-height: 336px;
		margin-top: -96px;
	}

	.blue-overlap {
		top: 98px;
	}

	.news-title {
		position: relative;
		top: -168px;
	}

	.card-title-article {
		padding-left: 10px;
		padding-right: 10px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
	}

	.section-filter-branch .rounding-area {
		padding: 6px 8px;
	}

	.rounding-area {
		padding: 32px 30px 30px 30px;
	}

	.section-static-contents {
		/* padding: 60px 0px 74px 0px; */
		padding: 46px 0px 74px 0px;
		margin-top: -89px;
		position: relative;
		top: 10px;
	}
	.section-static-contents.static-contents-events{
		margin-top: -54px;
		padding: 54px 0px 74px 0px;
	}
	.card-news-list.for-card-events {
		padding: 30px 30px;
		border: 1px solid #e8e8e8;
		overflow: hidden;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		margin: 10px 0px 10px 0px;
	}

	.section-static-contents.section-static-relative {
		padding: 82px 0px 32px 0px;
	}
	.section-static-contents.section-static-relative .paragraph-content .title-section.text-center {
		padding-left: 16px;
		padding-right: 16px;
	}

	/* NEWS FILTER 481-539 */
	.news-filter {
		margin-top: 60px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
		background: var(--white-one);
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 481-539 */
	.section-static-contents.busines-lines {
		margin-top: 10px;
		position: relative;
		padding: 10px 0px 74px 0px;
	}

	.section-static-contents.busines-lines .row.d-flex.justify-content-center .paragraph-content .rounding-area:first-child{
		margin-top: 10px;
	}

	.static-contents-gallery {
		margin-top: 5px;
		position: relative;
	}

	.section-static-contents.link-profile-download {
		/* padding: 74px 0px 64px 0px; */
		padding: 86px 0px 76px 0px;
	}

	.section-static-contents.link-profile-download .col-lg-8.col-sm-12.col-12 .blue-card {
		margin-bottom: 80px;
	}

	.section-static-contents.blue-section {
		padding: 74px 0px 60px 0px;
		margin-bottom: 70px;
	}

	.section-static-contents.blue-section.section-foreign-only {
		padding: 52px 0px 84px 0px;
	}
	.section-static-contents .col-lg-9.col-md-12 .paragraph-content h2:first-child.text-center {
		margin-top: 62px;
		margin-bottom: 24px;
	}
	.paragraph-content p:last-child {
		margin-bottom: 76px;
	}

	.section-static-contents.section-static-relative .paragraph-content .row .col-lg-4:last-child{
		margin-bottom: 56px;
	}

	.section-static-contents.section-static-relative .paragraph-content .date-time-only p{
		margin-bottom: 13px;
	}

	.form-kontak-area #contact-form p {
		margin-bottom: 15px;
	}

	.paragraph-content ul li p:last-child {
		margin-bottom: 1.04rem;
	}

	.paragraph-content ol li p:last-child {
		margin-bottom: 1.04rem;
	}

	.section-static-contents .col-lg-9.col-md-12 .paragraph-content.content-overview-about h2.text-center {
		margin-top: 16px;
		margin-bottom: 32px;
	}

	.card-news-list {
		padding: 15px 0px;
	}
	.card-news-list.for-gallery {
		min-height: 286px;
	}
	.section-filter-branch .btn-submit-search {
		/* padding: 8px 17px; */
		padding: 12.18px 17px;
		border-radius: 5px;
	}
	.row.card-news-list{
		display: flex;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.section-static-contents .default-container.container .row.d-flex.justify-content-center .row.card-news-list {
		min-height: 126px;
	  }	
	.row.card-news-list .col-lg-4.col-4{
		padding-right: 0px;
		padding-left: 0px;
	}

	.row.card-news-list .col-lg-4.col-4 a img{
		margin-top: 0px;
	}

	.row.card-news-list .col-lg-8.col-8.post-title{
		padding-left: 20px;
	}

	.paragraph-content .row.card-news-list{
		min-height: 136px;
	}

	.paragraph-content .row.for-gallery{
		min-height: 136px;
	}	
	.card-news-list.for-gallery a.image-thumb {
		min-height: 156px;
		max-height: 156px;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
		width: 100%;
		padding: 0px;
		margin-bottom: 0px;
	  }
	.paragraph-content .row.for-gallery a:first-child{
		padding: 0px 0px;
		border-top-left-radius: 8.6px;
		border-top-right-radius: 8.6px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	}	
	.paragraph-content .row.for-gallery a:last-child{
		/* padding: 15px 20px; */
		padding: 15px 20px 20px 20px;
		border: 1px solid #dedede;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	}
	.paragraph-content .row.for-gallery img{
		border-radius: 11px 11px 0px 0px;
	}

	.card-news-list.for-gallery a.image-thumb img {
		border-radius: 11px 11px 0px 0px;
	}

	/* .date-time-only:last-of-type p{
		color: blue!important;
		margin-bottom: 300px;
	} */


	.card-news-list.for-gallery a.image-thumb {
		min-height: 206px;
		max-height: 216px;
		overflow: hidden;
		border-radius: 7.64px;
		margin-bottom: 0px;
	}
	.card-news-list.for-gallery h3 {
		margin-top: 6px;
		margin-bottom: 3px;
		font: normal 700 22px var(--font-poppins);
		margin-bottom: 0px;
		color: var(--blue-900);
		line-height: 142%;
	}
	.card-news-list.for-gallery{
		border-radius: 6.64px;
	}


	.gutter-search-branch.row,
	.gutter-search-branch.container,
	.gutter-search-branch.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-branch>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.gutter-search-book.row,
	.gutter-search-book.container,
	.gutter-search-book.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-book>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:first-child {
		margin-top: 5px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:last-child {
		margin-bottom: 5px;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 190px !important;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12 {
		margin-bottom: 15px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 input[type='text'] {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 11.5px 10px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 .form-control {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 13.5px 10px;
	}

	.gutter-search-branch .col-sm-4 .form_group .btn-submit-search {
		padding: 13px 15px;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}

	.section-filter-branch .form-control {
		font-family: var(--font-poppins);
		padding: 12.5px 10px;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 24px 24px 24px;
		max-width: 80%;
		margin: 0 auto;
	}

	.date-publication-tag a.download-btn {
		width: 100%;
		display: block;
	}

	.footer-newsletter {
		padding: 50px 30px;
	}


	/* LIST BOOK KATALOG 481-539 START */
	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 156px;
		min-height: 294px;
		margin-left: 9.4px;
		margin-right: 9.4px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 156px;
		min-height: 224px;
		max-height: 228px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -5px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 156px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.section-book-catalogue .book-home .slick-prev {
		left: 32px;
	}

	/* LIST BOOK KATALOG 481-539 END */
	.section-writter-contents {
		padding-top: 86px;
	}

	.scrolling-tab ul {
		left: -24px;
		padding-left: 16.76px;
	}

	.scrolling-tab ul li {
		margin-bottom: 9px;
	}

	.category-container {
		width: 108px;
		padding: 0px 10px;
	}

	.logo-container {
		width: 100%;
		min-height: 116px;
		margin-bottom: 20px;
	}

	/* FOREIGN 481-539 */
	.section-primary-slider.for-layanan-digital {
		position: relative;
		top: -40px;
		min-height: 100px;
		padding-bottom: 40px;
	}

	.section-static-contents.blue-section.section-foreign-only::before {
		content: " ";
		position: absolute;
		top: -158px;
		width: 100%;
		min-height: 160px;
		/* background-color: #114297; */
		background-color: var(--blue-900);
	}

	.contact-profile .foto-area {
		width: 80px;
		height: 80px;
	}

	.contact-profile .info-area {
		width: 75.32%;
		padding-left: 14px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button {
		margin-top: 10px;
	}

	/* FOREIGN 481-539 */
	/* FEATURED LIST NEWS 481-539 */
	.featured-news-area {
		height: auto;
		margin-top: 48px;
		/* margin-bottom: 56px; */
		margin-bottom: 15px;
	}

	.featured-news-area .title-container {
		/* padding: 30px 30px 24px 30px; */
		padding: 24px 24px 12px 24px;
	}

	/* FEATURED LIST NEWS  481-539 */
	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area .title-container h3 {
		/* font-size: 28px; */
		font-size: 22px;
		line-height: 140%;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}

	.paragraph-content .rounding-area .float-md-start p {
		margin-bottom: 13px;
	}

	.title-header-cover {
		width: 92%;
	}

	.title-header-cover .title-container h1 {
		font-size: 26.64px;
	}

	.list-new-book-catalog {
		padding: 56px 0px 46px 0px;
	}

}

/* MEDIA 481-539 END */

/* MEDIA 480 START */
@media only screen and (max-width: 480px) {

	/* GALLERY COLLASE */
	.frame-gallery {
		width: 48px;
		height: 48px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		overflow: hidden;
		border-radius: 4.5px;
		margin: 6px 6px;
		/* border: 1px solid #cf0000; */
	}

	.frame-gallery img {
		max-width: 200%;
	}

	.image-gallery-container #thumbnails img {
		width: 84px;
		height: auto;
		height: auto;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container #thumbnails img {
		margin: 0 auto;
	}

	/* GALLERY COLLASE 480*/

	.image-gallery-container #main {
		width: 100%;
	}

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 24px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.buku-item-collection .buku-gallery .buku-cover img {
		max-width: 100%;
	}

	.image-gallery-container {
		/* min-height: 480px; */
		min-height: 316px;
		padding-top: 96px;
		padding-bottom: 52px;
	}

	.image-gallery-container #main {
		width: auto;
		min-height: 204px;
		height: 208px;
		object-fit: cover;
		display: block;
		margin: 20px auto;
	}

	/* GALLERY COLLASE 480*/

	.for-news-detail.for-event .date-time-only svg {
		color: #fff;
		width: 20px;
		margin-right: 15px;
	}

	.for-news-detail.for-event .date-time-only {
		color: #fff;
		font-size: 16px;
		margin-bottom: 15px;
	}

	.wrp-head-cover.head-news img {
		max-width: 256%;
		width: auto !important;
		margin-top: 11.46%;
		margin-left: 0 auto;
		margin-right: 0 auto;
	}

	.head-cover-image {
		min-height: 336px;
		max-height: 336px;
		margin-top: -96px;
	}

	.blue-overlap {
		top: 98px;
	}

	.news-title {
		position: relative;
		top: -168px;
	}

	.card-title-article {
		padding-left: 10px;
		padding-right: 10px;
	}

	.news-title .blue-overlap.for-news-detail {
		width: 100%;
		border-radius: 12.64px;
		margin: 0 auto;
	}

	.section-filter-branch .rounding-area {
		padding: 6px 8px;
	}

	.rounding-area {
		padding: 32px 30px 30px 30px;
	}

	.section-static-contents {
		/* padding: 60px 0px 74px 0px; */
		padding: 46px 0px 74px 0px;
		margin-top: -89px;
		position: relative;
		top: 46px;
	}

	.section-static-contents.static-contents-gallery{
		top: 24px;
	}

	.section-static-contents.static-contents-events{
		margin-top: -54px;
		padding: 54px 0px 74px 0px;
	}	

	.section-static-contents.content-paragraph-foreign{
		padding: 46px 0px 74px 0px;
		margin-top: -32px;
		position: relative;
		top: 46px;
	}

	.section-static-contents.section-static-relative {
		padding: 82px 0px 32px 0px;
	}
	.section-static-contents.section-static-relative.content-paragraph-foreign{
		padding: 46px 0px 74px 0px;
		margin-top: 32px;
		position: relative;
		top: 46px;
	}
	.section-static-contents.section-static-relative .paragraph-content .title-section.text-center {
		padding-left: 16px;
		padding-right: 16px;
	}

	/* NEWS FILTER 480 */
	.news-filter {
		margin-top: 60px;
		border-bottom: 1px solid #fff;
		display: block;
		background: var(--white-one);
		box-shadow: none;
	}

	.news-filter ul {
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
		background: var(--white-one);
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 6px 8px;
		margin: 8px 6px;
	}

	.news-filter ul li a {
		border-radius: 5px;
		color: var(--gray-500);
		border: solid 1px var(--gray-500);
		margin: 8px 6px;
		padding: 6px 8px;
	}

	/* NEWS FILTER 480 */
	.section-static-contents.busines-lines {
		margin-top: 10px;
		position: relative;
		padding: 10px 0px 74px 0px;
	}

	.section-static-contents.busines-lines .row.d-flex.justify-content-center .paragraph-content .rounding-area:first-child{
		margin-top: 10px;
	}

	.static-contents-gallery {
		margin-top: 5px;
		position: relative;
	}
	.contact-profile .foto-area {
		width: 74px
	}
	.section-static-contents.link-profile-download {
		/* padding: 74px 0px 64px 0px; */
		padding: 86px 0px 76px 0px;
		margin-bottom: 56px;
	}

	.section-static-contents.link-profile-download .col-lg-8.col-sm-12.col-12 .blue-card {
		margin-bottom: 80px;
	}

	.section-static-contents.blue-section {
		padding: 74px 0px 60px 0px;
		margin-bottom: 70px;
	}

	.section-static-contents.blue-section.section-foreign-only {
		padding: 52px 0px 84px 0px;
	}
	.section-static-contents .col-lg-9.col-md-12 .paragraph-content h2:first-child.text-center {
		margin-top: 62px;
		margin-bottom: 24px;
	}
	.paragraph-content p:last-child {
		margin-bottom: 76px;
	}
	.publisher-share-content {
		margin-bottom: 20px;
	}
	.section-static-contents.static-contents-gallery .date-publication-tag .time-published p{
		margin-bottom: 30px;
	}

	.section-static-contents.static-contents-gallery .publisher-share-content {
		padding-top: 20px;
		margin-bottom: 20px;
	}
	/* .card-news-list.for-card-events {
		padding: 30px 30px;
		p{
			margin-bottom: 2px !important;
			color: var(--gray-600)!important;		
			&:last-child{
				margin-bottom: 2px !important;
			}
		}
	} */

	.card-news-list.for-card-events{
		padding: 30px 30px;
		border: 1px solid #e8e8e8;
		overflow: hidden;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		margin: 10px 0px 10px 0px;		
	}
	.card-news-list.for-card-events p{
		margin-bottom: 2px !important;
		color: var(--gray-600)!important;
	}
	.card-news-list.for-card-events p:last-child{
		margin-bottom: 2px !important;
	}
	.card-summary-events {
		width: 100%;
		min-height: 186px;
		max-height: 187px;
	}
	
	.card-news-list.for-card-events a.image-thumb {
		min-height: 150px;
		max-height: 152px;
		overflow: hidden;
		border-radius: 11.64px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 10px;
	  }	
	.card-news-list.for-card-events a.image-thumb img {
		border-radius: 11.64px;
		max-width: 111%;
		margin-left: -4.64%;
		margin-top: -2.24%;
	}	
	.section-static-contents.content-paragraph-foreign .paragraph-content p:last-child {
		margin-bottom: 36px;
		/* margin-bottom: 15px; */
	}
	
	.section-static-contents.content-paragraph-foreign .paragraph-content .date-time-only a p:last-child {
		/* margin-bottom: 36px; */
		margin-bottom: 15px;
	}
	
	.contact-profile .info-area {
		width: 78.24%;
	}
	/* .statics-conten-foreign .rounding-area {
		&:last-child{
			margin-bottom: 88px;
		}
		p {
			&:last-child {
				margin-bottom: 10px;
				position: relative;
		}
	} */
	.statics-conten-foreign .rounding-area:last-child {
		margin-bottom: 88px;
	} 

	.statics-conten-foreign .rounding-area p:last-child {
			margin-bottom: 10px;
			position: relative;
	}
	.section-static-contents.section-static-relative .paragraph-content .row .col-lg-4:last-child{
		margin-bottom: 56px;
	}

	.section-static-contents.section-static-relative.content-paragraph-foreign .paragraph-content .row .col-lg-4:last-child {
		margin-bottom: 24px;
	  }

	.section-static-contents.section-static-relative. .paragraph-content .date-time-only p{
		margin-bottom: 13px;
	}

	.form-kontak-area #contact-form p {
		margin-bottom: 15px;
	}

	.paragraph-content ul li p:last-child {
		margin-bottom: 1.04rem;
	}

	.paragraph-content ol li p:last-child {
		margin-bottom: 1.04rem;
	}

	.section-static-contents .col-lg-9.col-md-12 .paragraph-content.content-overview-about h2.text-center {
		margin-top: 16px;
		margin-bottom: 32px;
	}

	.card-news-list {
		padding: 15px 0px 10px 0px;
	}
	.section-static-contents .container .row.align-items-center.mb-4 .row.d-flex.justify-content-center .col-lg-6.col-md-6.col-sm-12.col-12 .card-news-list {
		min-height: 114px!important;
		display: none!important;
	}
	.card-news-list.for-gallery {
		min-height: 286px;
	}
	.section-filter-branch .btn-submit-search {
		/* padding: 8px 17px; */
		padding: 12.18px 17px;
		border-radius: 5px;
	}
	.row.card-news-list{
		display: flex;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
		min-height: 114px;
	}

	.section-static-contents .default-container.container .row.d-flex.justify-content-center .col-lg-6.col-md-6 .card-news-list{
		min-height: 114px;
	}
	.row.card-news-list .col-lg-4.col-4{
		padding-right: 0px;
		padding-left: 0px;
	}
	.section-static-contents .container .row.d-flex.justify-content-center .row.card-news-list .col-lg-4.col-4 a {
		min-height: 82px;
	}
	.row.card-news-list .col-lg-4.col-4 a img{
		margin-top: 0px;
	}

	.section-static-contents .default-container.container .row.d-flex.justify-content-center .row.card-news-list{
		min-height: 120px;
	}

	.row.card-news-list .col-lg-8.col-8.post-title{
		padding-left: 20px;
	}

	.paragraph-content .row.card-news-list{
		min-height: 116px;
	}

	.paragraph-content .row.for-gallery{
		min-height: 136px;
	}	
	.card-news-list.for-gallery a.image-thumb {
		min-height: 156px;
		max-height: 156px;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
		width: 100%;
		padding: 0px;
		margin-bottom: 0px;
	  }
	.paragraph-content .row.for-gallery a:first-child{
		padding: 0px 0px;
		border-top-left-radius: 8.6px;
		border-top-right-radius: 8.6px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	}	
	.paragraph-content .row.for-gallery a:last-child{
		/* padding: 15px 20px; */
		padding: 15px 20px 20px 20px;
		border: 1px solid #dedede;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.05);
	}
	.paragraph-content .row.for-gallery img{
		border-radius: 11px 11px 0px 0px;
	}

	.card-news-list.for-gallery a.image-thumb img {
		border-radius: 11px 11px 0px 0px;
	}

	/* .date-time-only:last-of-type p{
		color: blue!important;
		margin-bottom: 300px;
	} */


	.card-news-list.for-gallery a.image-thumb {
		min-height: 184px;
		max-height: 196px;
		overflow: hidden;
		border-radius: 7.64px;
		margin-bottom: 0px;
	}
	.card-news-list.for-gallery h3 {
		margin-top: 6px;
		margin-bottom: 3px;
		font: normal 700 22px var(--font-poppins);
		margin-bottom: 0px;
		color: var(--blue-900);
		line-height: 142%;		
	}
	.card-news-list.for-gallery{
		border-radius: 6.64px;
	}


	.gutter-search-branch.row,
	.gutter-search-branch.container,
	.gutter-search-branch.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-branch>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.gutter-search-book.row,
	.gutter-search-book.container,
	.gutter-search-book.container-fluid {
		margin-left: -0px;
		margin-right: -0px;
	}

	.gutter-search-book>[class^="col-"] {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:first-child {
		margin-top: 5px;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12:last-child {
		margin-bottom: 5px;
	}

	body .section-book-catalogue .title-section.mt-40 {
		margin-top: 190px !important;
	}

	.section-filter-branch .row.gutter-search-book .col-sm-12.col-12 {
		margin-bottom: 15px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 input[type='text'] {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 11.5px 10px;
	}

	.section-filter-branch .row.gutter-search-branch .col-9 .form-control {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 13.5px 10px;
	}

	.gutter-search-branch .col-sm-4 .form_group .btn-submit-search {
		padding: 13px 15px;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}

	.section-filter-branch .form-control {
		font-family: var(--font-poppins);
		padding: 12.5px 10px;
	}

	.column-20{
		flex: 0 0 50%;		
		width: 50%;
	}

	.blue-overlap.for-news-detail .book-cover {
		padding: 10px 24px 24px 24px;
		max-width: 80%;
		margin: 0 auto;
	}

	.date-publication-tag a.download-btn {
		width: 100%;
		display: block;
	}
	.news-filter ul li a {
		font-size: 15px;
	}
	.footer-newsletter {
		padding: 50px 30px;
	}
	.pagination-area li {
		margin-right: 1px;
		margin-left: 1px;
	}
	.pagination-area .page-item a {
		font-size: 12.18px;
		line-height: 28px;
		padding-left: 3px;
		padding-right: 3px;
	}
	.pagination .page-item.disabled > .page-link {
		margin-left: 2px;
		margin-right: 2px;
	}
	.date-time-only{
		margin-bottom: 13px;
	}
	.chevron-left-prev {
		width: 7px;
		height: 7px;
		margin-right: 1.5px;
	}

	.chevron-right-next {
		width: 8px;
		height: 8px;
		margin-left: 1px;
	}

	.pagination-area .page-item span {
		font-size: 11.23px;
		margin-right: 1px;
	}
	.pagination .page-item:first-child{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}
	.pagination .page-item:last-child{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		/* border: 1px solid #dedede; */
		/* background: #dedede; */
	}	
	.pagination .page-item:first-child .page-link {
		width: 54.24px;
		padding-left: 4.5px;
		padding-right: 2.5px;		
	}
	.pagination .page-item:last-child .page-link {
		width: 53.5px;
		padding-left: 2px;
		padding-right: 2px;
		margin-right: 0px;
		margin-left: -1.5px;
	}
	.pagination .page-item.active > .page-link {
		border-radius: 6px;
		margin-right: 2.5px;
		margin-left: 2.5px;
	}
	.pagination .page-item.disabled > .page-link {
		margin-left: 1px;
	}
	.paragraph-content ul.pagination{
		padding-left: 5px!important;
	}

	/* LINI MASA 480 */
	.history-desc {
		padding: 24px 5px 5px 0px;
	}

	/* LIST BOOK KATALOG 480 START */
	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 156px;
		min-height: 294px;
		margin-left: 9.64px;
		margin-right: 9.64px;
	}

	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 156px;
		min-height: 224px;
		max-height: 228px;
	}

	.section-book-catalogue .book-home .slick-list {
		margin-top: 0px;
		margin-left: -4.64px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 156px;
		min-height: 104px;
		max-height: 106px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.section-book-catalogue .book-home .slick-prev {
		left: 32px;
	}

	/* LIST BOOK KATALOG 480 END */
	.section-writter-contents {
		padding-top: 86px;
	}

	.scrolling-tab ul {
		left: -24px;
		padding-left: 16.76px;
	}

	.scrolling-tab ul li {
		margin-bottom: 9px;
	}

	.category-container {
		width: 108px;
		padding: 0px 10px;
	}

	.logo-container {
		width: 100%;
		min-height: 116px;
		margin-bottom: 20px;
	}

	/* FOREIGN 480 */
	.section-primary-slider.for-layanan-digital {
		position: relative;
		top: -40px;
		min-height: 100px;
		padding-bottom: 40px;
	}

	.section-static-contents.blue-section.section-foreign-only::before {
		content: " ";
		position: absolute;
		top: -158px;
		width: 100%;
		min-height: 160px;
		/* background-color: #114297; */
		background-color: var(--blue-900);
	}

	.contact-profile .foto-area {
		width: 80px;
		height: 80px;
	}

	.contact-profile .info-area {
		width: 75.32%;
		padding-left: 14px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-indicators button {
		margin-top: 10px;
	}

	/* FOREIGN 480 */
	/* FEATURED LIST NEWS 480 */
	.featured-news-area {
		height: auto;
		margin-top: 48px;
		/* margin-bottom: 56px; */
		margin-bottom: 15px;
	}

	.featured-news-area .title-container {
		/* padding: 30px 30px 24px 30px; */
		padding: 24px 24px 12px 24px;
	}

	/* FEATURED LIST NEWS  480 */
	.featured-news-area.for-event .date-time-only {
		font-size: 17px;
		margin-bottom: 24px;
	}

	.featured-news-area .title-container h3 {
		/* font-size: 28px; */
		font-size: 22px;
		line-height: 140%;
	}

	.featured-news-area.for-event .date-time-only svg,
	.for-news-detail.for-event .date-time-only svg {
		width: 18px;
	}

	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}

	.paragraph-content .rounding-area .float-md-start p {
		margin-bottom: 13px;
	}

	.title-header-cover {
		width: 92%;
	}

	.title-header-cover .title-container h1 {
		font-size: 26.64px;
	}

	.list-new-book-catalog {
		padding: 56px 0px 46px 0px;
	}

	.pagination .page-item.disabled > .page-link {
		padding-left: 6.5px;
    	padding-right: 4.5px;
	}

	.chevron-left-prev svg {
		margin-top: -1.5px;
	}
}

/* MEDIA 480 END */

@media only screen and (max-width : 320px) {

	/* SLIDE KATALOG BUKU SEKOLAH 320 */
	.section-book-catalogue .book-home .slick-slide {
		position: relative;
		width: 136px;
		min-height: 294px;
		margin-left: 9.5px;
		margin-right: 9.5px;
	}


	.section-book-catalogue .book-home .slick-slide .card-book-gallery {
		width: 136px;
		min-height: 224px;
		max-height: 228px;
	}

	.section-book-catalogue .book-home .slick-slide .card-books-title {
		width: 136px;
		min-height: 104px;
		max-height: 106px;
	}

	/* SLIDE KATALOG BUKU SEKOLAH 320 */

	.title-header-cover .title-container h1 {
		font-size: 30px;
	}

	.logo-container img {
		max-height: 166px;
		max-width: 156px;
	}

	.blue-overlap h1 {
		font-size: 28px;
	}

	.title-section h3 {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.newsletter-form .col-lg-4 .form_group .form_control {
		margin-bottom: 36px;
	}

	.news-filter ul li.active a {
		border: solid 1px var(--blue-800);
		line-height: 200%;
		color: var(--blue-800);
		padding: 5px 5px;
		margin: 6px 3px;
		font-size: 13.5px;
	}

	.blue-rounded-area {
		padding: 30px 17px 30px 17px;
	}

	.section-static-contents.link-profile-download .col-lg-8.col-sm-12.col-12 .blue-card {
		margin-bottom: 80px;
	}
	.section-static-contents.section-static-relative .paragraph-content .title-section.text-center {
		padding-left: 2px;
		padding-right: 2px;
	}
	.card-news-list.for-gallery a.image-thumb {
		min-height: 176px;
		max-height: 180px;
		overflow: hidden;
		border-radius: 7.64px;
		margin-bottom: 0px;
	  }
	  .contact-profile .foto-area {
		width: 64px;
	  }
	  .contact-profile .info-area {
		width: 78%;
	  }	 
	  .pagination .page-item .page-link {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	  }   
	  .pagination .page-item:first-child .page-link {
		width: 30.24px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	 }

	 .pagination .page-item:last-child .page-link {
		width: auto;
		min-width: 30.24px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}
	  .pagination .page-item.disabled > .page-link .text-next{
		display: none;
	  }
	  .pagination .page-item:first-child .page-link .text-next{
		display: none;
	  }
	  .pagination .page-item:last-child .page-link .text-next{
		display: none;
	  }
}
/* === Event Card (mirrors home-news small card) === */
.event-card {
    width: 100%;
    margin-bottom: 24px;
}

.event-card-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--gray-200);
    border-radius: 11.64px;
}

.event-card-thumb a {
    display: block;
    width: 100%;
    height: 100%;
}

.event-card-thumb a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.event-card-thumb:hover a img {
    transform: scale(1.05);
}

.event-card-content {
    padding: 14px 0 0 0;
}

.event-card-content .text-muted.small {
    margin-bottom: 4px;
}

.event-card-content p:last-child {
    font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
    line-height: 142%;
    color: var(--gray-600);
    margin-bottom: 0;
}

a.event-card-title {
    display: block;
    text-decoration: none;
    color: inherit;
    margin-bottom: 6px;
}

a.event-card-title:hover {
    text-decoration: underline;
}

a.event-card-title h3 {
    font: normal 600 clamp(0.9875rem, 0.5689rem + 0.5233vi, 1.0156rem) var(--font-poppins);
    line-height: 142%;
    margin-bottom: 0;
    color: black;
}

@media (max-width: 992px) {
    .event-card-thumb {
        min-height: 150px;
    }
    .event-card-thumb a img {
        object-fit: cover;
        min-height: 150px;
    }
}

@media (max-width: 835px) {
    .event-card-thumb {
        min-height: 116px;
    }
    .event-card-thumb a img {
        object-fit: cover;
        min-height: 115px;
    }
}