@media (min-width: 1199px) {
.med_cek:after {content:"@media (max-width: 1199px)";}
}

@media (min-width: 992px) and (max-width: 1199px) {
.med_cek:after {content:"@media (min-width: 992px) and (max-width: 1199px)";}
}

@media screen and (max-width:400px) {
.med_cek:after {content:"@media (max-width: 991px)";}

}

@media (max-width: 991px) {
	.med_cek:after {content:"@media (max-width: 991px)";}
	.si-sticky{
		top: auto;
		bottom: 0;
		width: 100%;
		text-align: center;
	}
	.si-sticky .social-icon{
		float: none;
		display: inline-block;
	}
	.wrap_portfolio {margin-bottom: 24px;}
	.wrap_blog .wrap_content h3 { font-size: 18px; }
	.wrap_blog .wrap_content h3 a { font-size: 18px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.med_cek:after {content:"@media (min-width: 768px) and (max-width: 991px)";}

}

@media (max-width: 767px) {
	.med_cek:after {content:"@media (max-width: 767px)";}
	.slider_page {margin-bottom: -65px;}
	.page-section {padding: 25px 0;}
	.button.button-large{padding: 0 10px;}
	.wrap_icon_feature img {width: 100px;}
	.wrap_icon_feature {width: auto; height: auto; text-align: center; display: block;}
	.wrap_content_overview {margin-bottom: 30px; text-align: center; }
	.wrap_content_overview h3 {
	padding: 20px 0 15px 0;
	margin: 0;
	font-size: 17px;
	line-height: normal;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	}
	.wrap_icon.first:after {display: none;}
	.how_it_works_wrap {margin-bottom: 20px;}
	.wrap_service {padding: 10px;}
	.wrap_service .wrap_tx h3 {padding: 15px 0 10px 0;}
	.wrap_intro_hero h1, .wrap_intro_hero .intro_hero_title { font-size: 20px; }
	/* .wrap_intro_hero { margin-top: 150px; } */
	.wrap_intro_hero p { font-size: 14px; }
	.heading_section h2 { font-size: 20px !important; }
	.heading_section p { font-size: 14px; }
	.wrap_content_overview { margin-bottom: 30px; }
	.content_overlay {margin-bottom: 20px; }
	.footer_heading h4 { font-size: 16px; }
	.wrap_how_it_works h3 { font-size: 16px; }
	.service_wrap h3 { font-size: 18px; margin-top: 20px; }
	.service_wrap ul li > h4 { font-size: 16px; }
	#primary-menu-trigger i { font-size: 20px; }
	#portfolio .table thead th { font-size: 20px; text-align: center; color: #fff; background-image: none !important;
	background: #eb9c4d; }
	.accordion.accordion-border .acctitle { line-height: 1.7; }
	.contact_heading { margin-top: 20px;}
	.contact_heading h4 { font-size: 16px; }
	#logo img { width: 200px; height: auto; }
	.wrap_icon_feature{width: auto;height: auto;}
	.overlay_bg_list h3{font-size: 16px;}
	.overlay_bg_list {padding:20px;}
	.swiper_wrapper .wrap_intro_hero{margin-top: 0;}
	.promo-info .vertical-middle{padding: 1.5rem 1rem!important;}
	.promo-info .jasa{padding: .5rem;}
	.promo-modal {padding: 24px;}
	.promo-info .discount-promo .dp-number{font-size: 4rem;}
	.button.button-large{padding: 0 20px}
	.portfolio .portfolio-item{ padding: 4px; }
	.social-icon{
		width: 48px;
		height: 48px;
		font-size: 20px;
		line-height: 48px !important;
	}
	.content_overlay ul{ padding-bottom: 60px; }
	#content .container {
    padding-left: 24px!important;
    padding-right: 24px!important;
	}
	
	.custom_tab_head{
		display: flex;
		align-items: center;
	}
	.custom_tab_head img{
		width: 40px;
		margin-right: 16px;
	}
	.custom_tab_head p{ margin-bottom: 0; }
	.work-step-tab .tab-container{ padding: 16px !important; }
	#logo a { padding: 5px 0; }
	.button.button-amber.slider-button {
    white-space: break-spaces;
    height: auto;
    line-height: 24px;
    padding: 12px 20px;
    border-radius: 100px;
	}
}


@media (min-width: 480px) and (max-width: 767px) {
.med_cek:after {content:" @media (min-width: 480px) and (max-width: 767px)";}


@media (max-width: 377px) {
.med_cek:after {content:"@media (max-width: 377)";}
}


@media (max-width: 390px) {
.med_cek:after {content:"@media (max-width: 390px)";}}


@media (max-width: 299px) {
.med_cek:after { content:"@media(max-width: 299px) ";}
}