/*!
README - STYLEGUIDE BRIEFLY

Find the style by media query screen width, using Find or CTRL + F
min-width 601px, min-width: 901px, min-width: 1200px, min-width: 1600px,
max-width: 1599px, max-width: 1199px, max-width: 900px, max-width: 600px

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/

@media all and (max-width: 365px) {
	.cta-whbutton .label-cta {
		font-size: var(--text-xs);
	}

	.listing-blog.listing-blog.listing-style-card .thumbnail-item .image-wrapper {
		height: 173px;
	}

	.text-share p {
		padding-left: 15px;
	}

	.info-list .post-view span {
		margin-right: 12px;
	}

	.section-navigation {
		justify-content: center;
    	flex-flow: row wrap;
	}

}


@media all and (max-width: 600px) {

	/*.single-post .post-thumbnail {
		display: none;
	}*/

	div#ez-toc-container ul.ez-toc-list a {
		line-height: 2;
	}

	/* global listing */
	.listing.listing-style-card .listing-item {
		width: 100%;
	}

	.listing.listing-style-listing .listing-item {
		width: 100%;
	}

	/* class custom */
	.mobile-none {
		display: none;
	}

	.mr-40.full {
		margin-right: 0;
	}

	.button-other-home .whbutton-wrapper,
	.button-other-home .whbutton-wrapper .cta-whbutton {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.button-other-home .whbutton-wrapper:not(.whbutton-wrapper:last-child) {
		margin-bottom: 16px;
	}

	.flex-center .wpb_column>.vc_column-inner>.wpb_wrapper {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.cta-primary-home {
		margin-right: 30px;
	}

	.banner-japo-adsense .vc_single_image-wrapper::before {
		width: 103.37px;
		height: 154px;
		bottom: 22px;
		left: 16px;
	}

	.row-second-section-image>.wpb_column:last-child,
	.row-first-section-image>.wpb_column:first-child {
		width: 54%
	}

	.row-first-section-image>.wpb_column:last-child {
		width: 43%;
	}

	.row-second-section-image>.wpb_column:first-child {
		width: 42%;
	}

	.row-second-section-image {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.row-first-section-image>.wpb_column:last-child {
		margin-left: -13px;
	}

	.row-second-section-image>.wpb_column:first-child {
		margin-right: -10px;
	}

	.vc_row.pattern-blog>.wpb_column>.vc_column-inner>.wpb_wrapper::before {
		top: 160px;
		right: -15px;
	}

	/* listing agen */

	.listing-agent.listing-style-card .listitem-link>*+* {
		margin-left: 27px;
	}

	.listing-agent.listing-style-card .thumbnail-item .image-wrapper {
		width: 100%;
		height: 193px;
	}

	.wpb_single_image.site-footer-banner-media .vc_single_image-wrapper::before {
		width: 135px;
		height: 201.12px;
		bottom: 28px;
		right: 0;
	}

	.form-catalogue .meta-radio-group {
		margin-right: -16px;
		overflow: hidden;
	}

	/* footer */
	.logo-footer img {
		width: 185px;
		height: 68px;
	}

	.cta-footer>.vc_column-inner>.wpb_wrapper {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.col-open-keagenan .col-media-section .wpb_column:first-child {
		width: 45.5%;
	}

	.col-open-keagenan .col-media-section .wpb_column:last-child {
		width: 54.5%;
	}

	.col-open-keagenan .col-media-section .wpb_column:last-child>.vc_column-inner {
		padding-left: 2px;
	}

	/* single blog */
	.single-post .post-thumbnail {
		margin-bottom: 32px;
		height: 188px;
		width: auto;
	}

	/* contact */
	.pattern-content.left-top::before {
		left: -2px;
	}

	/* page thank-you */
	.row-thank-you>.wpb_column:first-child h1 {
		max-width: 320px;
		margin-bottom: 32px;
	}

	/*---------------------------------
	        image rounded section
	-----------------------------------*/
	.vc_row.row-second-section-image>.wpb_column:first-child img {
		height: 164px;
		width: 129px;
	}

	.vc_row.col-media-section>.wpb_column:last-child img {
		height: 255px;
		width: 186px;
		-webkit-border-radius: 31.18px 76px 31.18px 76px;
		-moz-border-radius: 31.18px 76px 31.18px 76px;
		border-radius: 31.18px 76px 31.18px 76px;
	}

	.vc_row.row-first-section-image>.wpb_column:last-child img {
		height: 162px;
		width: 129px;
	}

	.vc_row.col-media-section>.wpb_column:first-child img {
		height: 176px;
		width: 139px;
	}

	.vc_row.row-first-section-image>.wpb_column:first-child img,
	.vc_row.row-second-section-image>.wpb_column:last-child img {
		width: 172px;
		height: 236px;
		-webkit-border-radius: 70.4px 28.8px 70.4px 28.8px;
		-moz-border-radius: 70.4px 28.8px 70.4px 28.8px;
		border-radius: 70.4px 28.8px 70.4px 28.8px;
	}

	.vc_row.col-media-content-cta>.wpb_column:first-child img {
		height: 255px;
		width: 186px;
		-webkit-border-radius: 70.4px 28.8px 70.4px 28.8px;
		-moz-border-radius: 70.4px 28.8px 70.4px 28.8px;
		border-radius: 70.4px 28.8px 70.4px 28.8px;
	}

	.vc_row.col-media-content-cta>.wpb_column:last-child img {
		height: 176px;
		width: 139px;
	}


}








@media all and (max-width: 900px) {

	/* homepage */
	.row-first-section-image {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-moz-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.vc_section.row-single-banner-cta,
	.site-footer-banner,
	.banner-japo-adsense {
		background: -webkit-linear-gradient(93.8deg, #213B17 23.93%, #356E21 77.85%, #67B94A 111.55%);
		background: -moz-linear-gradient(93.8deg, #213B17 23.93%, #356E21 77.85%, #67B94A 111.55%);
		background: -o-linear-gradient(93.8deg, #213B17 23.93%, #356E21 77.85%, #67B94A 111.55%);
		background: linear-gradient(356.2deg, #213B17 23.93%, #356E21 77.85%, #67B94A 111.55%);
	}

	.banner-japo-adsense-media {
		margin-top: 40px;
	}

	.content-text-banner h4 {
		margin-bottom: 11px;
	}

	.row-banner-section-cta {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}


	/* review */
	.review-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	/* section about home */
	.col-about-image-section>.vc_column-inner>.wpb_wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.col-about-image-section>.vc_column-inner>.wpb_wrapper>div:first-child {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 5;
		-moz-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
		margin-top: 40px;
	}

	.col-about-image-section>.vc_column-inner>.wpb_wrapper>div:nth-of-type(2) {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.col-about-image-section>.vc_column-inner>.wpb_wrapper>div:nth-of-type(3) {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.col-about-image-section>.vc_column-inner>.wpb_wrapper>div:nth-of-type(4) {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-moz-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.col-about-image-section>.vc_column-inner>.wpb_wrapper>div:nth-of-type(5) {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		-moz-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.content-list-section {
		margin-top: 32px;
	}

	.content-list-section.open-keagenan-page {
		margin-top: 40px;
	}
	

	.content-list-section>.wpb_wrapper {
		max-width: 100%;
	}

	.col-about-text-section.wpb_column {
		width: 100%;
	}

	/* page contact */
	.row-contact>.wpb_column:first-child,
	.row-contact>.wpb_column:last-child {
		width: 100%;
	}

	.row-contact>.wpb_column:last-child {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-moz-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.gform_wrapper {
		padding: 24px;
	}

	.gform_wrapper.gform_wrapper.gravity-theme .gform_fields {
		grid-column-gap: 24px;
	}

	.col-content-contact>.vc_column-inner {
		margin-left: 0;
	}

	.layout-in-page-contact .col-media-content-cta .wpb_column:first-child {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-moz-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.col-media-content-cta .wpb_column:first-child {
		width: 58%;
	}

	.col-media-content-cta .wpb_column:last-child {
		width: 42%;
	}

	.col-media-content-cta .wpb_column:last-child>.vc_column-inner {
		padding-left: 3px;
	}

	.layout-in-page-contact .row-layout-banner-cta .wpb_column:last-child {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	/* filter */
	.form-catalogue .filter-item input[type="text"] {
		max-width: 100%;
	}

	.form-catalogue .filter-item {
		margin-bottom: 32px;
	}

	.width-full-btn.half-mobile {
		width: 50%;
	}

	.vc_row.row-filter-catalogue>.wpb_column {
		width: 100%;
	}

	.wrapp-btn>.vc_column-inner>.wpb_wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 80px;
	}

	.wrapp-btn>.vc_column-inner>.wpb_wrapper>*+* {
		margin-left: 9px;
	}

	.listing-agent .listing-item {
		margin-bottom: 10px;
	}

	.listing-agent.listing-style-listing .listitem-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.listing-agent.listing-style-listing .thumbnail-item {
		max-width: 100%;
		margin-right: 0;
	}

	.listing-agent.listing-style-listing .thumbnail-item .image-wrapper img {
		height: 343px;
		margin-bottom: 13px;
	}

	.listing-agent.listing-style-listing .listitem-link>*+* {
		margin-left: 27px;
	}

	.listing-overview-catalogue.listing-style-card .image-wrapper {
		height: 315px;
	}

	.listing-overview-catalogue .pagination,
	.listing-catalogue .pagination {
		margin-bottom: 40px !important;
	}



	/* blog */

	.listing-overview-catalogue.listing-catalogue .listitem-link>*+* {
		margin-left: 10px;
	}

	.listing-blog.listing-style-card .thumbnail-item .image-wrapper {
		width: 100%;
		height: 193px;
	}

	.vc_section.row-single-banner-cta {
		padding: 80px 22px;
	}

	.row-banner-cta-single-blog>.wpb_column:first-child,
	.row-banner-cta-single-blog>.wpb_column:last-child {
		width: 100%;
	}

	.row-banner-cta-single-blog>.wpb_column:last-child>.vc_column-inner {
		padding-right: 0px;
	}

	.vc_section.row-single-banner-cta .wpb_column:last-child .whbutton-wrapper:not(.whbutton-wrapper:last-child) {
		margin-right: 9.66px;
	}

	.vc_row.row-first-section-image>.wpb_column:first-child figure {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.listing-overview-catalogue.listing-catalogue .listitem-wrapper {
		padding: 24px;
	}

	/* slick slide menu catalogue */
	.form-catalogue .meta-radio-group .slick-slide:not(.slick-slide:last-child) {
		margin-right: 28px;
	}

	.single-post .post h1 {
		font-size: 30px;
		line-height: 45px;
	}

	.single-post .post h2 {
		font-size: 24px;
		line-height: 35px;
	}

	.single-post .post h3 {
		font-size: 20px;
		line-height: 28px;
	}

	.single-post .post h4 {
		font-size: 16px;
		line-height: 22px;
	}

	.single-post .post p {
		font-size: 14px;
		line-height: 22px;
	}

	/* -----------------------------
							Pattern
		-------------------------------- */
	.site::before,
	.site::after {
		width: 45.91px;
		height: 125px;
	}

	.site::before {
		top: 987px;
		left: 0;
	}

	.site::after {
		top: 287px;
		right: 0;
	}

	/* cookie */
	body #cookie-notice {
		width: 100%;
		min-width: auto;
		max-width: 748px;
		margin: 20px auto 0;
		left: 0;
		right: 0;
		background-color: #f5f5f5 !important;
	}

	body #cookie-notice .cookie-notice-container #cn-notice-buttons {
		margin-left: auto;
		margin-right: auto;
	}

	body #cookie-notice #cn-notice-buttons #cn-accept-cookie {
		margin-left: 0;
	}

	body #cookie-notice .cookie-notice-container #cn-notice-text {
		width: 100%;
		text-align: center;
	}

}








@media all and (min-width: 601px) and (max-width: 900px) {
	.container {
		width: -webkit-calc(100% - 60px);
		width: -moz-calc(100% - 60px);
		width: calc(100% - 60px);
	}

	/* display-none */
	.tablet-none {
		display: none;
	}

	/* global listing */
	.listing.listing-style-card .listing-item {
		width: 50%;
	}

	.listing.listing-style-listing .listing-item {
		width: 50%;
	}

	/* banner cta home */
	.row-banner-section-cta>.wpb_column:last-child {
		width: 100%;
	}

	.row-banner-section-cta>.wpb_column:first-child {
		width: 70%;
		margin-left: auto;
		margin-top: -10%;
	}

	.banner-japo-adsense .vc_single_image-wrapper::before {
		width: 232px;
		height: 348px;
		bottom: 16px;
		left: -53px;
	}

	.row-banner-footer-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.row-banner-footer-content>.wpb_column:first-child {
		width: 82%;
	}

	.row-banner-footer-content>.wpb_column:last-child {
		width: 75%;
		margin-left: auto;
		margin-top: -10%;
	}

	.wpb_single_image.site-footer-banner-media .vc_single_image-wrapper::before {
		width: 198px;
		height: 295px;
		bottom: 28px;
		right: 0;
	}

	/* footer */
	.row-content-footer>.wpb_column {
		width: 100%;
	}

	.vc_row.pattern-blog>.wpb_column>.vc_column-inner>.wpb_wrapper::before {
		top: 90px;
		right: -30px;
	}

	.row-review>.wpb_column {
		width: 100%;
	}

	.col-about-image-section.wpb_column {
		width: 100%;
	}

	.row-heading>.wpb_column:first-child {
		width: 100%;
	}

	.vc_row.row-first-section-image,
	.vc_row.row-second-section-image {
		width: 85%;
		margin: 0 auto;
	}

	.row-layout-banner-cta .col-content-contact.wpb_column {
		width: 100%;
		margin-top: 40px;
	}

	.row-layout-banner-cta>.wpb_column:first-child {
		width: 83%;
		margin: 0 auto;
	}

	.row-thank-you>.wpb_column:first-child,
	.row-404-content>.wpb_column:first-child {
		width: 100%;
	}

	.row-thank-you>.wpb_column:last-child,
	.row-404-content>.wpb_column:last-child {
		width: 35%;
		margin-left: auto;
	}

	.row-thank-you>.wpb_column:last-child {
		margin-top: -24%;
	}

	.row-404-content>.wpb_column:last-child {
		margin-top: -30%;
	}

	/* page agen */
	.row-info-agen>.wpb_column,
	.row-visit-agen-other>.wpb_column {
		width: 100%;
	}

	.row-visit-agen-other>.wpb_column:first-child h2 {
		margin-bottom: 24px;
	}

	.vc_row.col-media-section {
		width: 83%;
		margin: 0 auto;
	}

	.vc_row.row-heading>.wpb_column:last-child {
		width: 100%;
	}

	.single-post .post-thumbnail {
		margin-bottom: 32px;
		height: 358px;
		width: auto;
	}

	.vc_section.row-single-banner-cta {
		padding: 80px 50px;
	}

	/* review */
	.review-list.slick-slider {
		margin: 0 15px;
	}

	.listing {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.form-catalogue .meta-radio-group {
		margin-right: -30px;
		overflow: hidden;
	}
	



}








@media all and (min-width: 901px) and (max-width: 1199px) {
	.container {
		width: -webkit-calc(100% - 80px);
		width: -moz-calc(100% - 80px);
		width: calc(100% - 80px);
	}

	.vc_row.row-heading>.wpb_column:first-child {
		width: 60%;
	}

	.vc_row.row-heading>.wpb_column:last-child {
		width: 40%;
	}

	.vc_row.row-first-section-image,
	.vc_row.row-second-section-image {
		width: 86%;
	}

	/* sidebar sitcky */
	.sidebar-sticky.wpb_column {
		top: 15%;
		margin-bottom: 80px;
	}

	.admin-bar .sidebar-sticky.wpb_column {
		top: 20%;
	}

	.row-second-section-image>.wpb_column:last-child {
		margin-top: -13%;
	}

	.row-banner-footer-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.row-banner-footer-content>.wpb_column:first-child {
		width: 60%;
	}

	.row-banner-footer-content>.wpb_column:last-child {
		width: 60%;
		margin-left: auto;
		margin-top: -26%;
	}

	/* global listing */
	.listing.listing-style-card .listing-item {
		width: 33.33%;
	}

	.listing.listing-style-listing .listing-item {
		width: 33.33%;
	}

	.listing.listing-agent.listing-style-listing .listing-item {
		width: 50%;
	}

	.listing-agent.listing-style-listing .thumbnail-item {
		max-width: 240px;
		margin-right: 30px;
	}

	.listing-agent.listing-style-listing .listitem-wrapper .content-item {
		max-width: 300px;
	}

	.listing-agent.listing-style-listing .thumbnail-item .image-wrapper img {
		height: 240px;
	}

	/* safari */
	.listing-agent.listing-style-listing .listitem-link>*+* {
		margin-left: 24px;
	}

	/* blog */
	/* safari */
	.listing-overview-catalogue.listing-catalogue .listitem-link>*+* {
		margin-left: 8px;
	}

	.listing-blog.listing-style-card .thumbnail-item .image-wrapper {
		width: 100%;
		height: 193px;
	}

	.listing-blog.listing-style-card .thumbnail-item .image-wrapper img {
		height: 100%;
	}

	.vc_row.pattern-blog>.wpb_column>.vc_column-inner>.wpb_wrapper::before {
		top: 85px;
		right: -40px;
	}

	.banner-japo-adsense-media.wpb_column {
		width: 45%;
	}

	.vc_row.row-banner-section-cta>.vc_col-sm-6:last-child {
		width: 55%;
	}

	.vc_section.row-single-banner-cta {
		padding: 80px 22px;
	}

	.row-banner-cta-single-blog>.wpb_column:first-child {
		width: 60%;
	}

	.row-banner-cta-single-blog>.wpb_column:last-child {
		width: 40%;
	}

	.row-banner-cta-single-blog>.wpb_column:last-child>.vc_column-inner {
		padding-right: 0;
	}

	.wpb_single_image.site-footer-banner-media .vc_single_image-wrapper::before {
		width: 193px;
		height: 285px;
		bottom: 19px;
		right: -12px;
	}

	.banner-japo-adsense .vc_single_image-wrapper::before {
		width: 193px;
		height: 285px;
		bottom: 18px;
		left: -20px;
	}

	.pattern-content.left-top::before {
		top: 10px;
		left: -28px;
	}

	.vc_row.row-first-section-image>.wpb_column:first-child img,
	.vc_row.row-second-section-image>.wpb_column:last-child img {
		width: 172px;
		height: 236px;
		-webkit-border-radius: 70.4px 28.8px 70.4px 28.8px;
		-moz-border-radius: 70.4px 28.8px 70.4px 28.8px;
		border-radius: 70.4px 28.8px 70.4px 28.8px;
	}

	.vc_row.row-second-section-image>.wpb_column:last-child {
		margin-top: -11%;
	}

	.listing-overview-catalogue.listing-catalogue .listitem-wrapper {
		padding: 24px;
	}



}




@media all and (min-width: 601px) and (max-width: 1199px) {

	/* header */
	.site-header .site-branding img {
		width: 170px;
		height: 62px;
	}

	/* class custom */
	.cta-primary-home {
		margin-right: 40px;
	}

	/* listing agen */

	.listing-agent.listing-style-card .listitem-link>*+* {
		margin-left: 30px;
	}

	.listing-agent.listing-style-card .thumbnail-item .image-wrapper {
		width: 100%;
		height: 208px;
	}


	/* filter */
	.form-catalogue .filter-item input[type="text"] {
		max-width: 100%;
	}

	.form-catalogue .filter-item {
		margin-bottom: 32px;
	}


}



@media all and (min-width: 1200px) {

	/* SITE HEADER */
	.admin-bar .site-header {
		top: 48px;
	}

	.site-header .navbar-header {
		height: 120px;
	}

	.site-header .site-branding {
		margin-right: 36px;
	}

	.site-header .hamburger-menu {
		display: none;
	}

	.site-header .menu .menu-item {
		width: auto;
		margin-bottom: 0;
	}

	.site-header .site-branding img {
		width: 170px;
		height: 62px;
	}


	.site-header .main-navigation {
		position: relative;
		width: auto;
		margin-left: auto;
	}

	.site-header .main-navigation,
	.site-header .main-navigation .main-navbar,
	.site-header .main-navigation .menu,
	.site-header .menu>.menu-item-has-children {
		height: 100%;
	}

	.site-header .menu>.menu-item-has-children>a {
		width: 100%;
		padding-right: 20px;
	}

	.menu-item .menu-item-has-children>.icon-submenu {
		opacity: 0;
	}

	.menu-item-has-children>.icon-submenu {
		position: absolute;
		top: 50%;
		left: 100%;
		z-index: 1;
		-webkit-transform: translate(-100%, -50%);
		-moz-transform: translate(-100%, -50%);
		-ms-transform: translate(-100%, -50%);
		-o-transform: translate(-100%, -50%);
		transform: translate(-100%, -50%);
	}

	.sub-menu>.menu-item-has-children>.icon-submenu {
		left: auto;
		right: 0;
	}

	.menu-item-has-children:hover>.icon-submenu:before,
	.menu-item-has-children.menu-item-active>.icon-submenu:before {
		-webkit-transform: translate(-100%, -50%) rotate(-45deg);
		-moz-transform: translate(-100%, -50%) rotate(-45deg);
		-ms-transform: translate(-100%, -50%) rotate(-45deg);
		-o-transform: translate(-100%, -50%) rotate(-45deg);
		transform: translate(-100%, -50%) rotate(-45deg);
	}

	.menu-item-has-children:hover>.icon-submenu:after,
	.menu-item-has-children.menu-item-active>.icon-submenu:after {
		-webkit-transform: translate(-25%, -50%) rotate(45deg);
		-moz-transform: translate(-25%, -50%) rotate(45deg);
		-ms-transform: translate(-25%, -50%) rotate(45deg);
		-o-transform: translate(-25%, -50%) rotate(45deg);
		transform: translate(-25%, -50%) rotate(45deg);
	}

	.menu-item-has-children:hover>.icon-submenu:before,
	.menu-item-has-children:hover>.icon-submenu:after,
	.menu-item-has-children.menu-item-active>.icon-submenu:before,
	.menu-item-has-children.menu-item-active>.icon-submenu:after {
		background-color: #0d80d6;
	}

	.site-header .menu-item-has-children .sub-menu {
		width: 235px;
		padding: 10px 0;
	}

	.site-header .menu-item-has-children .sub-menu {
		position: absolute;
		z-index: 2;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .15s;
		-o-transition: .15s;
		-moz-transition: .15s;
		transition: .15s;
		background-color: #fff;
		-webkit-box-shadow: 0 4px 8px rgb(232, 232, 232, .5);
		-moz-box-shadow: 0 4px 8px rgb(232, 232, 232, .5);
		box-shadow: 0 4px 8px rgb(232, 232, 232, .5);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		will-change: transform, opacity;
		border: 1px solid #e8e8e8;
	}

	.menu>.menu-item-has-children>.sub-menu {
		top: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, 10px);
		-moz-transform: translate(-50%, 10px);
		-ms-transform: translate(-50%, 10px);
		-o-transform: translate(-50%, 10px);
		transform: translate(-50%, 10px);
	}

	.sub-menu>.menu-item-has-children>.sub-menu {
		top: -10px;
		left: 100%;
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		-ms-transform: translateX(10px);
		-o-transform: translateX(10px);
		transform: translateX(10px);
	}

	.site-header .menu-item-has-children:hover>.sub-menu,
	.site-header .menu-item-has-children.menu-item-active>.sub-menu {
		opacity: 1;
		visibility: visible;
	}

	.menu>.menu-item-has-children:hover>.sub-menu,
	.menu>.menu-item-has-children.menu-item-active>.sub-menu {
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.sub-menu>.menu-item-has-children:hover>.sub-menu,
	.sub-menu>.menu-item-has-children.menu-item-active>.sub-menu {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	.site-header .menu-item-has-children .sub-menu:after,
	.site-header .menu-item-has-children .sub-menu:before {
		content: '';
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		top: 0;
		z-index: 2;
		-webkit-transform: translate(-50%, -100%);
		-moz-transform: translate(-50%, -100%);
		-ms-transform: translate(-50%, -100%);
		-o-transform: translate(-50%, -100%);
		transform: translate(-50%, -100%);
	}

	.site-header .menu-item-has-children .sub-menu:after,
	.site-header .menu-item-has-children .sub-menu:before {
		left: 50%;
	}

	.site-header .menu-item-has-children .sub-menu:before {
		border-left: 11px solid rgba(0, 0, 0, 0);
		border-right: 11px solid rgba(0, 0, 0, 0);
		border-bottom: 11px solid #d2d2d2;
	}

	.site-header .menu-item-has-children .sub-menu:after {
		border-left: 10px solid rgba(0, 0, 0, 0);
		border-right: 10px solid rgba(0, 0, 0, 0);
		border-bottom: 10px solid #fff;
	}

	.sub-menu>.menu-item-has-children>.sub-menu:before,
	.sub-menu>.menu-item-has-children>.sub-menu:after {
		-webkit-transform: rotate(-90deg) translate(-25px, -100%);
		-moz-transform: rotate(-90deg) translate(-25px, -100%);
		-ms-transform: rotate(-90deg) translate(-25px, -100%);
		-o-transform: rotate(-90deg) translate(-25px, -100%);
		transform: rotate(-90deg) translate(-25px, -100%);
	}

	.sub-menu>.menu-item-has-children>.sub-menu:before {
		left: -6px;
		border-bottom-color: #efecec;
	}

	.sub-menu>.menu-item-has-children>.sub-menu:after {
		left: -4px;
	}

	.site-header .sub-menu>.menu-item>a {
		width: 100%;
		padding: 10px 20px;
	}

	.site-header .menu>.menu-item-has-children.menu-item-active>a,
	.site-header .menu .menu-item:not([class*="btn-"]):hover>a {
		color: var(--green-400);
	}

	/* ------------------------------
      section row banner
  ---------------------------------*/
	.landing-text-banner {
		margin-right: -45px;
	}

	/* global listing */
	.listing.listing-style-card .listing-item {
		width: 33.33%;
	}

	.listing.listing-style-listing .listing-item {
		width: 50%;
	}

	.form-blog {
		max-width: 470px;
		margin-left: auto;
	}

	/* -----------------------------
					  Pattern
	-------------------------------- */
	.site::before,
	.site::after {
		width: 100px;
		height: 273.62px;
	}

	.site::before {
		top: 1080px;
		left: 0;
	}

	.site::after {
		top: 321px;
		right: 0;
	}

	/* class custom */
	.cta-primary-home {
		margin-right: 50px;
	}

	.vc_row.pattern-blog>.wpb_column>.vc_column-inner>.wpb_wrapper::before {
		top: 83px;
		right: -35px;
	}

	/* listing agen */

	.listing-agent.listing-style-card .listitem-link>*+* {
		margin-left: 30px;
	}

	.listing-agent.listing-style-card .thumbnail-item .image-wrapper {
		width: 100%;
		height: 208px;
	}

	/* banner cta home */
	.banner-japo-adsense .vc_single_image-wrapper::before {
		width: 294px;
		height: 438px;
		bottom: 18px;
		left: -80px;
	}

	/* filter */
	.form-catalogue .filter-item input[type="text"] {
		max-width: 270px;
	}

	.form-catalogue .filter-item {
		margin-bottom: 60px;
	}

	.listing-overview-catalogue.listing-catalogue .listitem-link>*+* {
		margin-left: 8px;
	}

	.listing-agent.listing-style-listing .thumbnail-item {
		max-width: 240px;
		margin-right: 30px;
	}

	.listing-agent.listing-style-listing .listitem-wrapper .content-item {
		max-width: 300px;
	}

	.listing-agent.listing-style-listing .thumbnail-item .image-wrapper img {
		height: 240px;
	}

	.listing-agent.listing-style-listing .listitem-link>*+* {
		margin-left: 24px;
	}

	.listing-blog.listing-style-card .thumbnail-item .image-wrapper {
		width: 100%;
		height: 208px;
	}

	/* single blog */
	.single-post .post-thumbnail img {
		height: 412px;
		width: 100%;
	}

	.vc_section.row-single-banner-cta {
		padding: 60px;
	}

	.row-banner-cta-single-blog>.wpb_column:first-child {
		width: 68%;
	}

	.row-banner-cta-single-blog>.wpb_column:last-child {
		width: 32%;
	}

	.row-banner-cta-single-blog>.wpb_column:last-child>.vc_column-inner {
		padding-right: 0;
	}

	.listing-list.listing-catalogue.listing-style-card .image-wrapper {
		height: 320px;
	}

	.row-review>.wpb_column:last-child {
		margin-left: auto;
		width: 100%;
		max-width: 532px;
	}

	.col-content-contact>.vc_column-inner>.wpb_wrapper {
		width: 100%;
		max-width: 525px;
	}

	.row-visit-agen-other>.wpb_column:last-child>.vc_column-inner>.wpb_wrapper {
		width: 100%;
		max-width: 532px;
		margin-left: auto;
	}

	.row-info-agen .wpb_column:first-child>.vc_column-inner>.wpb_wrapper {
		width: 100%;
		max-width: 528px;
	}

	.layout-in-page-contact .vc_row.col-media-content-cta>.wpb_column:first-child {
		order: -1;
	}

	.single-post .post-thumbnail {
		margin-bottom: 32px;
		height: 412px;
		width: auto;
	}

	/*---------------------------------
	        image rounded section
	-----------------------------------*/
	.vc_row.row-second-section-image>.wpb_column:first-child img {
		height: 272px;
		width: 215px;
	}

	.vc_row.col-media-section>.wpb_column:last-child img {
		height: 392px;
		width: 286px;
	}

	.vc_row.row-first-section-image>.wpb_column:last-child img {
		height: 270px;
		width: 214px;
	}

	.vc_row.col-media-section>.wpb_column:first-child img {
		height: 270px;
		width: 214px;
	}

	.vc_row.row-first-section-image>.wpb_column:first-child img,
	.vc_row.row-second-section-image>.wpb_column:last-child img {
		width: 285px;
		height: 392px;
	}

	.vc_row.col-media-content-cta>.wpb_column:first-child img {
		height: 424px;
		width: 308.75px;
	}

	.vc_row.col-media-content-cta>.wpb_column:last-child img {
		height: 291.35px;
		width: 231px;
	}

	.listing-overview-catalogue.listing-catalogue .listitem-wrapper {
		padding: 15px;
	}

	/* sitemap */
	.wsp-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-flow: row wrap;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.wsp-container h2 {
		font-size: 30px;
		width: 50%;
	}

	.wsp-container>ul {
		width: 50%;
		padding-bottom: 40px;
		margin-bottom: 40px;
		border-bottom: 1px solid var(--grey-400);
	}

	.wsp-container>ul li ul {
		margin-top: 16px;
	}




}


@media all and (min-width: 1200px) and (max-width: 1599px) {
	/* sidebar sitcky */
	.sidebar-sticky.wpb_column {
		top: 25%;
	}

	.single-post .post h1 {
		font-size: 40px;
		line-height: 55px;
	}

	.single-post .post h2 {
		font-size: 30px;
		line-height: 45px;
	}

	.single-post .post h3 {
		font-size: 24px;
		line-height: 32px;
	}

	.single-post .post h4 {
		font-size: 18px;
		line-height: 24px;
	}

}




@media all and (min-width: 1600px) {
	.container {
		max-width: 1170px;
	}

	/* SITE HEADER */
	.site-header .menu>.menu-item:not(:last-child) {
		margin-right: 50px;
	}

	/* sidebar sitcky */
	.sidebar-sticky.wpb_column {
		top: 19%;
	}

}

@media all and (min-width: 1190px) {
	.content-wrapper-post {
	    display: flex;
	    justify-content: space-between;
	    align-items: stretch;
	}

	.content-wrapper-post .content-post-left {
	    width: 750px;
	}

	.content-post-sidebar {
	    width: 340px;
	}
}

@media all and (max-width: 1189px) {
	.content-post-sidebar {
		margin-top: 50px;
	}
}


@media all and (min-width: 1200px) and (max-width: 1599px) {

	/* SITE HEADER */
	.site-header .menu>.menu-item:not(:last-child) {
		margin-right: 50px;
	}

	.site-header .menu>.menu-item:last-child>.sub-menu {
		left: auto;
		right: 0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.site-header .menu>.menu-item:last-child:hover>.sub-menu {
		left: auto;
		right: 0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.site-header .menu>.menu-item:last-child .sub-menu:after,
	.site-header .menu>.menu-item:last-child .sub-menu:before {
		left: auto;
		right: 0;
	}

	.site-header .menu>.menu-item:last-child .sub-menu:before {
		right: -2px;
	}

	.site-header .menu>.menu-item:nth-last-child(-n + 2) .menu-item-has-children>.sub-menu {
		left: auto;
		right: 100%;
		-webkit-transform: translateX(-10px);
		-moz-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		-o-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	.site-header .menu>.menu-item:nth-last-child(-n + 2) .menu-item-has-children:hover>.sub-menu {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	.site-header .menu>.menu-item:nth-last-child(-n + 2) .menu-item-has-children>.sub-menu::before,
	.site-header .menu>.menu-item:nth-last-child(-n + 2) .menu-item-has-children>.sub-menu::after {
		-webkit-transform: rotate(90deg) translate(100%, 6px);
		-moz-transform: rotate(90deg) translate(100%, 6px);
		-ms-transform: rotate(90deg) translate(100%, 6px);
		-o-transform: rotate(90deg) translate(100%, 6px);
		transform: rotate(90deg) translate(100%, 6px);
		left: 100%;
	}

	.site-header .menu>.menu-item:nth-last-child(-n + 2) .menu-item-has-children>.sub-menu::before {
		left: -webkit-calc(100% + 1px);
		left: -moz-calc(100% + 1px);
		left: calc(100% + 1px);
		top: 0;
	}

	.site-header .menu>.menu-item:nth-last-child(-n + 2) .menu-item-has-children>.sub-menu::after {
		top: 2px;
	}
}







@media all and (max-width: 1199px) {

	html[lang] {
		margin-top: 0 !important;
	}

	#wpadminbar {
		display: none;
	}

	/* SITE HEADER */
	.site-header.toggle-onactive {
		background-color: #fff;
	}

	.menu.menu .current-menu-item:not([class*="btn-"])>a:after {
		left: 0;
	}

	/* header */
	.site-header .site-branding img {
		width: 135px;
		height: 48px;
	}

	.site-header .navbar-header {
		height: 85px;
	}

	.site .hamburger-menu {
		margin-left: auto;
	}

	.site-header .main-navigation {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: -webkit-calc(100vh - 100%);
		height: -moz-calc(100vh - 100%);
		height: calc(100vh - 100%);
		background-color: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		transform: translateY(-10px);
		-webkit-transition: .2s;
		-o-transition: .2s;
		-moz-transition: .2s;
		transition: .2s;
	}

	.site-header .main-navigation {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.site-header.toggle-onactive .main-navigation {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.site-header .main-navigation .main-navbar {
		width: 100%;
		padding: 20px 20px 30px;
		max-height: -webkit-calc(100vh - 80px);
		max-height: -moz-calc(100vh - 80px);
		max-height: calc(100vh - 80px);
		overflow: hidden auto;
	}

	.site-header .menu {
		padding-left: 0;
	}

	.main-navigation .menu-item:not(:last-child) {
		margin-bottom: 16px;
	}

	.site-header .menu>.menu-item-has-children>a {
		width: auto;
		margin-right: 5px;
	}

	.menu-item-has-children>.icon-submenu {
		position: relative;
	}

	.main-navigation .menu-item-has-children>.sub-menu {
		width: 100%;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		padding-left: 16px;
		-webkit-transition: .2s;
		-o-transition: .2s;
		-moz-transition: .2s;
		transition: .2s;
	}

	.main-navigation .menu-item-has-children:not(.menu-item-active)>.sub-menu {
		overflow: hidden;
	}

	.main-navigation .menu-item-has-children.menu-item-active>.sub-menu {
		max-height: 10000px;
		opacity: 1;
		visibility: visible;
		padding: 16px 0 8px 16px;
	}

	.btn-hubungi-kami.menu-item {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

}




@media all and (min-width: 901px) {
	.site-banner {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.site-banner.banner-size-medium {
		min-height: 400px;
	}

	.site-banner.banner-size-large {
		min-height: 740px;
	}
}


@media all and (min-width: 1350px) {
	.banner-japo-adsense .vc_single_image-wrapper {
		position: relative;
		min-width: 609px;
		max-width: 609px;
		margin-left: -39px;
	}
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
	.admin-bar .home .site-main,
	.admin-bar .site-breadcrumbs {
		margin-top: 20px;
	}

	.spacing-top-page {
		height: 70px !important;
	}

	.site::before,
	.site::after {
		width: 100px;
		height: 201.62px;
	}

	.single-post .post-thumbnail {
		margin-top: -40px;
	}

	.wpb_single_image.site-footer-banner-media .vc_single_image-wrapper::before {
		width: 235px;
		height: 347px;
		bottom: 19px;
		right: -34px;
	}
}


@media all and (min-width: 1400px) {
	.wpb_single_image.site-footer-banner-media .vc_single_image-wrapper::before {
		width: 294px;
		height: 438px;
		bottom: 19px;
		right: -124px;
	}
}