/*tablet*/
@media only screen and (max-width: 991px) {

	.dropdown.show a.dropdown-toggle:after {
		content: "-";
	}

	.margin-top-image-header {
		margin-top: 0px;
	}

	.navbar-collapse {
		background-color: white;
		padding: 15px 15px;
		/*-moz-box-shadow: 0 12px 13px 0 rgb(0.18,0.31,0.62);
	    -webkit-box-shadow: 0 12px 13px 0 rgb(0.18,0.31,0.62);
	    box-shadow: 0 12px 13px 0 rgb(0.18,0.31,0.62);*/
		z-index: 1038;
		margin-top: 15px;
	}

	/*.bg-white {
	    background-color: transparent!important;
	}*/

	.navbar-sticky {
		background: white;
		box-shadow: 0 1px 10px -2px black;
		-webkit-box-shadow: 0 1px 10px -2px black;
		/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: 0 1px 10px -2px black;
	}

	.navbar {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: absolute;
		width: 100%;
		z-index: 1030;

	}

	.navbar-toggler {
		padding: 4px 10px;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 0;
		margin-right: 15px;
	}

	.form-search {
		max-width: 100%;
	}

	.swiper-container-image-sm .swiper-slide span {
		font-size: 12px;
	}


	/* HEADER */
	.section-banner {
		justify-content: center;
	}

	.section-banner .content-banner-text {
		text-align: center;
		padding-top: 30px;
		margin-bottom: 30px;
	}

	/*.section-banner img {
		max-width: 350px;
	}*/

	.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}


	/* PRICELIST */
	.section-pricelist .pricelist-content img {
		margin-top: -150px;
		margin-bottom: 20px;
	}

	.section-pricelist .content-pricelist {
		text-align: center;
	}

	.section-pricelist .pricelist-content {
		justify-content: center;
	}

	.section-pricelist .d-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: contents !important;
	}

	.section-pricelist {
		height: 380px;
	}

	.input-control {
		width: 80%;
		margin-bottom: 5%;
	}

	.product-details {
		margin-top: 100px !important;
	}

	.product-details .product-title h2 {
		font-size: 34px;
	}

	.size-comparison-title h2,
	.product-same-title h2 {
		margin-bottom: 25px;
	}

	/*PRODUCT LIST*/
	.breadcrumb-inner .product-list-content-md h1 {
		display: inline-block;
		position: absolute;
		top: 63%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 18vw;
		font-weight: bold;
		opacity: 0.1;
	}

	.breadcrumb-inner .product-list-content-md img {
		position: absolute;
		top: 63%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50%;
	}



	/*ABOUT */
	.section-about {
		margin-top: -90px;
	}

	.about-info {
		padding-top: 50px;
	}

	.about-video {
		display: inline-block;
		position: absolute;
		top: 80%;
		left: 50%;
		transform: translate(-50%, 10%);
	}

	.video-box img {
		width: 100%;
	}

	.logo-label {
		top: -190px;
		left: 80%;
	}

	.logo-label img {
		width: 100%;
	}

	.section-find {
		/*text-align: center;*/
		margin-top: 60px !important;
	}

	.navbar-transparent .navbar-nav .nav-link {
		color: #1F4389;
	}

	.navbar-transparent .navbar-nav .nav-link.active {
		color: #1F4389;
	}

	.bg-mobile-white {
		background-color: #fff !important;
	}

	/* PRODUCT DETAILS */
	.product-same-title {
		padding-left: 0px;
		margin-bottom: 40px;
	}



	.breadcrumb-bar {
		/*padding-top: 8%;*/
	}

	.product-grid-area hr {
		margin: 10px -20px 10px;
		border: 0;
		border-top: 1px solid #707070;
	}


	/* PRODUCT LIST */
	.product-list-filter ul {
		list-style: none;
		margin: 0;
		padding: 16px 0 16px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: scroll;
		-ms-overflow-style: none;
	}

	.product-list-filter ul li {
		font-size: 12px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-right: 8px;
		color: #000;
		text-align: center;

		display: inline-block;
		padding-right: 5px;
		padding-left: 5px;

	}

	.product-list-filter ul li .active {
		color: #3A6FB6;
	}

	.dialog-filter-mobile {
		position: fixed;
		top: 0;
		bottom:0;
		left: 0;
		z-index: 99999;
		background: #fff;
		width: 100%;
		min-height: 100vh;
		overflow-y: scroll;
        overflow-x: hidden;
	}

	.dialog-filter-mobile .top-dialog-title-filter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 16px;
	}

	.dialog-filter-mobile .top-dialog-title-filter h4 {
		margin-bottom: 0;
		margin-left: 16px;
		margin-top: 5px;
		color: #231f20;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 14px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.dialog-filter-mobile .product-sidebar-container {
		padding: 0 16px;
	}

	.fixed-sticky {
		position: fixed;
		top: 62px;
		left: 0;
		right: 0;
		z-index: 9;
		background-color: #fff;
	}


}


/*MOBILE*/
@media only screen and (max-width: 767px) and (min-width: 280px) {

	.m-text-center {
		text-align: center;
	}
	.accordion-header h5 {
		font-size: 16px;
	}
	.accordion-body {
		font-size: 14px;
	}
	.separator:not(:empty)::before {
		margin-left: 0%;
	}

	.separator:not(:empty)::after {
		margin-right: 0%;
	}

	.margin-50px-top {
		margin-top: 20px !important;
	}

	.card-testimonial {
		padding: 20px 20px;
	}

	.text-testimonial p {
		font-size: 14px;
	}

	.btn {
		font-size: 12px;
	}

	.card-solution .info {
		font-size: 12px;
	}

	.card-solution .solution-info {
		font-size: 14px;
	}

	.content-capai {
		margin-top: 30px;
	}

	.card-katalog .title {
		font-size: 14px;
	}

	.card-body span {
		font-size: 11px;
	}

	.card-capai {
		margin: 15px 0;
	}

	.card-capai .card-body {
		padding: 0 5px;
	}

	.card-capai h1 {
		font-size: 20px;
	}

	.card-capai span {
		font-size: 12px;
	}

	.navbar-collapse {
		padding: 0px;
		margin-top: 0px;
	}

	.dropdown.show a.dropdown-toggle:after {
		content: "-";
	}

	.navbar-center ul li {
		margin: 5px;
	}

	.btn-contact-mobile {
		font-size: 12px;
	}

	.section-banner {
		height: 600px !important;
	}

	.content-banner-text h1 {
		font-size: 18px;
	}

	.content-banner-text h4 {
		font-size: 16px;
	}

	.content-banner-text h2 {
		font-size: 18px;
	}

	.input-control:focus {
		text-align: center;
	}

	.input-control::placeholder {
		text-align: center;
	}

    .input-control {
		margin-right: 0px;
		margin-bottom:0px;
	}
	.pricelist-banner{
		height:100vw !important;
	}
	.form-pricelist{
		padding:10vw !important;
	}
	.image-pricelist img{
		height: auto !important;
		width: 100% !important; 
		border-top-right-radius: 25px !important;
		border-top-left-radius: 25px !important;
		border-bottom-left-radius: unset !important; 
	}
	.input-pricelist {
		height: 10vw !important;
	}
	.btn-pricelist {
		background: linear-gradient(90deg, #025F92 0%, #1D4388 100%);
		border-radius: 25px;
		font-size: 3.2vw !important;
		width: 25vw !important;
		height: 10vw !important;
		margin-left: 5px;
		padding: 0 10px;
	}

	.section-pricelist .pricelist-content img {
		margin-top: -90px;
	}

	.section-pricelist {
		height: 320px;
	}

	.heading-content-pricelist {
		font-size: 18px;
	}

	.header-title {
		font-size: 24px;
		margin-bottom: 5px;
	}

	.center {
		width: 250px;
	}

	.swiper-pagination-image-sm {
		/*top: 98%;*/
		/*transform: translate(85px, 10px);*/
		margin-top: 15px;
		text-align: center;
	}

	.section-product-content span {
		bottom: 15px;
		left: 15px;
		font-size: 14px !important;
	}

	.heading-menu {
		margin-bottom: 15px;
	}

	.slider-header-content h6 {
		font-size: 18px;
	}



	.product-same-title {
		padding-left: 15px;
	}

	.product-same-title h2 {
		font-size: 18px;
	}



	/* PRODUCT DETAILS */

	.products-gallery-carousel-1 .owl-thumbs {
		position: static;
		margin-top: 10px;
		left: 0;
		z-index: 3;
		text-align: center;
		right: 0px;
		max-width: 100%;
	}

	.products-gallery-carousel .owl-thumbs .owl-thumb-item {
		display: inline-block;
		margin-bottom: 15px;
		margin-right: 5px;
		margin-left: 0px;
	}

	.mobile-one {
		order: 1;
	}

	.mobile-two {
		order: 2;
	}

	.products-gallery-carousel-1 .products-slider {
		padding-right: 0px;
	}

	.swiper-pagination-image-detail {
		/*top: 98%;*/
		/*transform: translate(85px, 10px);*/
		margin-top: 15px;
		margin-bottom: 25px;
		text-align: center;
	}

	.product-details .product-title h2 {
		font-size: 18px;
	}

	.size-comparison-title h2 {
		font-size: 18px;
	}



	/* PRODUCT LIST */
	.pr-sidebar .widget-title {
		font-size: 16px;
	}

	.pr-sidebar .category-list {
		font-size: 14px;
	}

	.product-grid h6 {
		text-align: center;
		font-size: 12px;
	}

	.breadcrumb-inner .product-list-content-sm h1 {
		display: inline-block;
		position: absolute;
		top: 73%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 18vw;
		font-weight: bold;
		opacity: 0.1;
	}

	.breadcrumb-inner .product-list-content-sm img {
		position: absolute;
		top: 53%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50%;
	}

	.section-product .pr-sidebar {
		margin-bottom: 20px !important;
	}

	.about-info {
		/*text-align: center;*/
		padding-top: 30px;
		/*font-size: 12px;*/
	}

	.section-about .about-info h6 {
		font-size: 12px;
	}

	.section-about .about-info h1 {
		font-size: 16px;
	}

	.section-about .about-info p {
		font-size: 12px;
	}

	.about-video {
		transform: translate(-100%, 0%);
	}

	.video-box .play-now {
		transform: translate(70%, -50%);
	}

	.video-box a img {
		width: 50%;
	}

	.video-box img {
		width: 150%;
	}

	.section-find {
		margin-top: 50px !important;
		margin-bottom: 0px !important;
	}

	.logo-label {
		top: -280px;
		left: 30%;
	}

	.product-header {
		font-size: 18px;
	}


	/* FOOTER */

	.img-footer {
		width: 80%;
	}

	.heading-menu {
		font-size: 14px;
	}

	.footer-desc {
		font-size: 12px;
	}

	.ft-menu-list {
		font-size: 12px;
	}

	/* BTN */
	.btn-wa-fixed {
		right: 15px;
		bottom: 15px;
	}

	/* PRODUCT CATEGORY */
	.header-product {
		font-size: 18px;
		margin-bottom: 25px !important;
	}



}

@media(-webkit-min-device-pixel-ratio: 5),
(min-resolution: 144dpi) {

	/* CSS stuff here */
	.navbar-sticky {
		background: white;
		box-shadow: 0 1px 10px -2px black;
		-webkit-box-shadow: 0 1px 10px -2px black;
		/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: 0 1px 10px -2px black;
	}
}

@media only screen and (max-width: 415px) and (min-width: 280px) {

	.about-video {
		transform: translate(-100%, 0%);
	}

	.video-box .play-now {
		transform: translate(-20%, -50%);
	}

	.video-box a img {
		width: 50%;
	}

	.video-box img {
		width: 200%;
	}

	.section-find {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.section-about {
		padding-bottom: 100px;
		margin-bottom: 70px;
		padding-top: 190px !important;
	}

	.section-find h1 {
		font-size: 14px;
	}

	.product-same-bg {
		height: 190px;
	}

	.header-product-same {
		text-align: center;
		font-size: 12px;
	}

	.product-same {
		margin-bottom: 180px;
	}

	.product-same-relative {
		margin-left: 15px;
		margin-right: 15px;
		height: 50px !important;
	}

	.product-details {
		margin-top: 50px !important;
	}

	.product-same-title{
		padding-left: 0px;
	}
}


@media only screen and (max-width: 765px) and (min-width: 280px) {
	.breadcrumb-bar {
		padding-top: 70px;
		margin-top: 0px !important;
	}


}

@media only screen and (max-width: 768px) {
	/* new css */
	.navbar-brand img {
		width: 15vh !important;
		padding: 2vh 0;
	}
	.navbar-light .navbar-toggler{
		border-color: unset !important;
		color:transparent !important;
	}
	.navbar-light .navbar-toggler-icon{
		background-image: url('../images/icon/icon-burger.png');
		height: 20px;
	}
	.navbar-light .navbar-nav .nav-link {
		font-size: 2vh;
	}
	.navbar-collapse {
		height: auto;
		padding: 2vh;
	}
	.navbar-collapse form {
		width: 100% !important;
		height: auto;
	}
	.navbar-sticky .navbar {
		background: white;
		box-shadow: 0 1px 10px -2px black;
		-webkit-box-shadow: 0 1px 10px -2px black;
		-moz-box-shadow: 0 1px 10px -2px black;
	}
	.form-search button {
		position: absolute;
		top: 2.5vh;
		right: 1vh;
		background: linear-gradient(0deg, #025F92 0%, #1D4388 100%);
		color: #FFF;
		border-radius: 50%;
		font-size: 2.5vh;
		cursor: pointer;
		border: none;
		padding: 2px 8px;
		width: auto;
	}
	.form-search input{
	    line-height:1;
	}
	.search {
		height: 6vh;
		margin: 1.5vh 0;
	}
	.form-search input::placeholder {
		font-size: 2vh
	}
	.navbar{
		background:#FFF;
	}
	.section-banner{
		height: auto !important;
		margin-top:50px;
	}
	.hero-label-content.highlighted-box{
		padding: 1.5vh 0;
		font-size: 3vw;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.section-half-content,
	.section-image,
	.section-testimony{
		margin:10vh 0 !important;
	}
	.section-half-content-row{
	    text-align:center;
	}
	.section-content-title {
		font-size: 2.8vh;
		line-height: 4.5vh;
		margin-bottom: 2vh;
		margin-top: unset;
	}	
	.section-content-description {
		font-size: 2vh;
		line-height: 3.5vh;
		margin-bottom: 5vh;
		width: 100%;
	}
	.section-cta {
		padding: 1vh 2vh;
		font-size: 2vh;
		margin-bottom: 4vh;
	}
	.section-half-content .img-hero{
		height:40vh;
	}
	.section-half-content.suggestion .img-hero {
		height: 70vw;
		margin: 2vh 0;
	}
	.section-testimony{
		padding:8vh 0;
	}
	.swiper-container{
		overflow: visible;
	}
	.section-faq{
		display: flex;
		flex-direction: column-reverse;
	}
	.section-faq img {
		position: relative !important;
		width: 100% !important;
	}

	.section-title {
		font-size: 3.5vh;
		margin-bottom: 3vh;
		line-height: 5vh;
	}
	.section-btn {
		padding: 0.7vh 3vh;
		font-size: 1.5vh !important;
	}
	.cover-background{
		border-radius: 12px !important;
		height:30vh !important;
	}
	.product-title {
		margin-top: 1vh;
		font-size: 2vh;
	}
	.accordion-header h5 {
		font-size: 16px;
		line-height: 2.5vh;
	}
	.card-katalog:hover{
		width: unset;
	}
	.swiper-slide:hover .cover-background{
		height:30vh !important;
	}

	.footer-desc{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.social .ft-menu-list li a i{
		color: #FFF;
	}
	.footer-line{
		width: 95%;
	}


	/* testimony */
	.section-testimony {
		height: 80vh;
	}
	.section-testimony .swiper-slide {
		height: auto;
		border-radius: 20px;
		padding: 16vw 8vw 5vw 8vw;
		min-height: 23vw;
	}
	.testimonial-wrapper .swiper-slide {
		position: relative;
		margin-left:7px;
		width:80vw !important;
	}
	.testimonial-wrapper .swiper-wrapper{
		display: flex;
		gap: 10vw;
	}
	.testimonial-wrapper .swiper-slide:not(.swiper-slide-active) {
		filter: contrast(1) blur(2px);
		width: 100%;
		min-height: 23vw;
		height: auto;
		object-fit: cover;
	}
	.swiper-slide.testimonial-items.swiper-slide-active .testimonial-img::before {
		content: "";
		position: absolute;
		transform: translate(0vw, -23vw);
	}
	.testimonial-img::before {
		content: "";
		position: absolute;
		transform: translate(0vw, -8vw);
		width: 20vw;
		height: 20vw;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.testimonial-items .testimonial-text {
		color: #000;
		text-align: left;
		font-size: 4vw;
		font-weight: normal;
		font-style: normal;
	}
	.testimonial-items .testimonial-title {
		font-size: 4vw;
	}
	.testimonial-content {
		min-height: 15vw;
		display: flex;
		flex-direction: column;
		gap: 2vw;
		height: auto;
		justify-content: space-between;
	}
	.quote-1 {
		position: absolute;
		right: 0;
		top: -2vw;
		width: 30vw;
	}
	.quote-2 {
		position: absolute;
		left: 0;
		top: 100vw;
		width: 30vw;
		/* bottom: 0; */
	}
	.testimonial-profile h3.testimonial-title span {
		font-size: 3.5vw;
		margin-top: 1.5vw;
	}
	.review-stars i {
		font-size: 3.5vw;
	}
	.footer-desc {
		font-size: 3.5vw;
	}
	/* testimony */

	/* old css */
	.logo-label {
		left: 60% !important;
		width: 40%;
	}

	.mobile-one {
		order: 1;
	}

	.mobile-two {
		order: 2;
	}

	.product-same-relative {
		position: inherit !important;
		height: 65px;
	}

	.product-same-absolute {
		position: inherit !important;
	}

	.product-same {
		margin-bottom: 220px !important;
	}

	.section-product-content span {
		font-size: 18px;
	}

	.swiper-container-image-lg .swiper-slide span,
	.swiper-container-image-md .swiper-slide span,
	.swiper-container-image-sm .swiper-slide span {
		font-size: 18px;
	}

	.kelebihan {
		bottom: 10px;
		left: 20px;
	}

	.kelebihan h6 {
		font-size: 18px;
		margin: 0;
	}

	.kelebihan span {
		font-size: 14px;
	}


}

@media only screen and (max-device-width: 1024px) and (orientation:portrait) {

	/* For portrait layouts only */
	.margin-top-image-header {
		margin-top: 70px;
	}

	.section-banner {
		height: 550px;
	}

	.about-video {
		display: inline-block;
		position: absolute;
		top: 80%;
		left: 50%;
		transform: translate(-50%, 10%);
	}

	.section-about {
		padding-top: 240px;
	}

	.video-box img {
		width: 100%;
	}

	.logo-label {
		top: -190px;
		left: 600px;
	}

	.products-gallery-carousel .owl-carousel .owl-item img {
		max-width: 90%;
	}

	.product-same {
		margin-bottom: 150px;
	}

	.section-product-content span {
		font-size: 18px;
	}

	.swiper-container-image-lg .swiper-slide span,
	.swiper-container-image-md .swiper-slide span,
	.swiper-container-image-sm .swiper-slide span {
		font-size: 14px;
	}

	.navbar-nav>li>a.dropdown-toggle:after {
		content: "+";
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none;
		position: absolute;
		right: 10px;
		top: 0;
		font-size: 16px;
		font-weight: 400;
	}

	.dropdown.show a.dropdown-toggle:after {
		content: "-";
	}
}

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {

	/* For landscape layouts only */
	.margin-top-image-header {
		margin-top: 70px;
	}

	.section-banner {
		height: 550px;
	}

	.about-video {
		display: inline-block;
		position: absolute;
		top: 80%;
		left: 50%;
		transform: translate(-50%, 10%);
	}

	.section-about {
		padding-top: 240px;
	}

	.video-box img {
		width: 100%;
	}

	.logo-label {
		top: -190px;
		left: 600px;
	}

	.products-gallery-carousel .owl-carousel .owl-item img {
		max-width: 90%;
	}

	.product-same {
		margin-bottom: 150px;
	}

	.section-product-content span {
		font-size: 18px;
	}

	.swiper-container-image-lg .swiper-slide span,
	.swiper-container-image-md .swiper-slide span,
	.swiper-container-image-sm .swiper-slide span {
		font-size: 14px;
	}

	.navbar-nav>li>a.dropdown-toggle:after {
		content: "+";
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none;
		position: absolute;
		right: 10px;
		top: 0;
		font-size: 16px;
		font-weight: 400;
	}

	.dropdown.show a.dropdown-toggle:after {
		content: "-";
	}
}

@media only screen and (min-width: 991px) {
	.product-same-title{
		padding: 0px;
	}
}

@media only screen and (min-width: 1920px) {
	.container{
		max-width: 1700px;
	}
}