/*!
README - STYLEGUIDE BRIEFLY

Find the style by media query screen width, using Find or CTRL + F
min-width 601px, min-width: 901px, min-width: 1300px, min-width: 1600px,
max-width: 1599px, max-width: 1299px, 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
*/

/* > MOBILE */
@media all and (min-width: 601px) {
	.wpb_single_image.contact-map * {
		height: 400px;
	}

	.content-service .primary-image {
		height: var(--thumb-service-height);
		margin-bottom: 60px;
	}
}

/* > TABLET */
@media all and (min-width: 901px) {
	.row-swapblock > .wpb_column {
		width: 50%;
	}
}

/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1300px) {
	.col-contact-form .gfield.gfield--type-choice {
		position: absolute;
		z-index: 2;
		bottom: 0;
		right: 0;
		width: auto;
		margin: 0;
		max-width: 350px;
	}

	.row-contact-page > .wpb_column {
		padding-bottom: 142px;
	}

	.row-contact-page > .wpb_column:before {
		width: 50%;
	}

	.row-contact-page > .wpb_column:last-child:before {
		left: auto;
		right: 0;
	}

	.row-contact-page .col-contact-content {
		padding-right: 110px;
	}

	.row-contact-page .col-contact-form {
		padding-left: 70px;
		padding-right: 35px;
	}

	.vc_row.row-successstories-service .successstories {
		margin-top: -58px;
	}

	.row-successstories-service .successstories .content-item {
		padding-top: 120px;
	}

	.row-contact-service {
		--location-size: 730px;
	}

	.row-contact-service .col-contact-form {
		padding-right: 96px;
		width: calc(100% - var(--location-size));
	}

	.row-contact-service .col-action-location-service {
		width: var(--location-size);
	}

	.col-action-location-service .wpb_gmaps_widget iframe {
		height: 450px;
	}

	.row-bgside[class*='row-bg-'] .listing-service.slick-slider {
		width: calc(100% + var(--inner-r) + (var(--listing-gap) / 2));
	}

	.blog .row-bgside[class*='row-bg-'],
	.site-article--post .row-bgside[class*='row-bg-'],
	.site-article--case .row-bgside[class*='row-bg-'],
	.row-listing-cases.row-bgside[class*='row-bg-'] {
		--inner-r: 80px;
	}

	.row-swapblock-slide .col-media-slide {
		width: var(--size-media);
	}

	.row-swapblock-slide .col-content-slide {
		width: calc(100% - var(--size-media));
	}

/* 	.swup-enabled.is-animating .site[data-post-id='2'],
	.swup-enabled.is-animating .site[data-post-id='45'],
	.swup-enabled.is-animating .site[data-post-id='515'] {
		opacity: 1;
	} */

	.swup-enabled.is-animating .listing-service.active-wrapper .listing-item:not(.active),
	.swup-enabled.is-animating .listing-service.active-wrapper .listing-item.active .content-item {
		display: none;
	}

	.swup-enabled.is-animating .listing-service .listing-item.active {
		width: 100%;
		transition: var(--duration);
	}

	.swup-enabled.is-animating .listing-service .listing-item.active .listitem-wrapper {
		height: var(--thumb-service-height);
		padding: 0;
		transition: var(--duration);
	}

	.swup-enabled.is-animating .listing-service .listing-item.active .listitem-wrapper .thumbnail-item img {
		transition: var(--duration);
	}

	.swup-enabled.is-animating .row-parent-service-wrapper {
		color: var(--text);
		background-color: var(--dark);
		transition: var(--transition);
	}

	.swup-enabled.is-animating .row-parent-service-wrapper .wpb_text_column,
	.swup-enabled.is-animating .row-parent-service-wrapper .colcard-marketing-challange {
		opacity: 0;
		transition: var(--transition);
	}

	.wh-aos .row-bgside.wh-aos-init {
		--duration: 0.6s;
		opacity: 1;
		transform: none;
	}

	.row-bgside.wh-aos-init[class*='row-bg-'] > .wpb_column:before {
		opacity: 0;
		transform: translateX(-25%);
		transition: var(--transition);
	}

	.row-bgside.wh-aos--active[class*='row-bg-'] > .wpb_column:before {
		opacity: 1;
		transform: translateX(0%);
	}

	.row-bgside.wh-aos-init[class*='row-bg-'] > .wpb_column > .vc_column-inner {
		opacity: 0;
	}

	.row-bgside.wh-aos--active[class*='row-bg-'] > .wpb_column > .vc_column-inner {
		opacity: 1;
		transition: var(--duration) calc(var(--duration) / 2);
	}

	/* Contact Page */
	[data-post-id='119'] .cta-telephone .label-cta {
		color: var(--black);
	}

	[data-post-id='119'] .header-base .hamburger-menu span:not(:nth-child(2)) {
		background-color: var(--dark);
	}
}

/* >= LARGE DESKTOP */
@media all and (min-width: 1600px) {
	.vc_row[data-vc-full-width] {
		left: calc((var(--100vw) - var(--container)) / -2) !important;
		padding-left: calc((var(--100vw) - var(--container)) / 2) !important;
		padding-right: calc((var(--100vw) - var(--container)) / 2) !important;
	}

	.vc_row.row-swapblock {
		--gap-x: 64px;
	}

	.vc_row.vc_row.row-swapblock-slide {
		--gap-x: 70px;
	}
}

/* < LARGE DESKTOP */
@media all and (max-width: 1599px) {
	.colcard-marketing-challange > .vc_column-inner > .wpb_wrapper {
		padding: 48px 20px;
	}
}

/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */
@media all and (min-width: 1300px) and (max-width: 1599px) {
}

/* <= LARGE TABLET */
@media all and (max-width: 1299px) {
	.vc_row[data-vc-full-width] {
		left: calc(var(--padding-container) * -1) !important;
		padding-left: var(--padding-container) !important;
		padding-right: var(--padding-container) !important;
	}

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

	.row-contact-page > .wpb_column {
		position: relative;
		width: 100%;
		padding-bottom: 60px;
	}

	.row-contact-page > .wpb_column:not(:first-child) {
		padding-top: var(--first-rowbg-gaptop);
	}

	.row-contact-page > .wpb_column:last-child {
		padding-bottom: 142px;
	}

	.row-contact-page > .wpb_column:before {
		width: 100vw;
		left: calc(var(--padding-container) * -1);
	}

	.row-contact-service {
		gap: 48px;
	}

	.row-contact-service .col-contact-form,
	.row-contact-service .col-action-location-service {
		width: 100%;
	}

	.col-action-location-service .vc_single_image-wrapper,
	.col-action-location-service .vc_single_image-wrapper * {
		width: 100%;
		height: auto;
	}

	.col-action-location-service .vc_inner {
		gap: 14px;
	}

	.vc_row.row-successstories-service .successstories {
		margin-top: 20px;
	}

	.vc_row.row-bgside[class*='row-bg-'] {
		--inner-r: 20px;
	}
}

/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 601px) and (max-width: 1299px) {
	.row-parent-services .colcard-marketing-challange {
		width: 50%;
	}

	.row-swapblock-slide > .wpb_column {
		width: 50%;
	}
}

/* <= TABLET */
@media all and (max-width: 900px) {
	.row-swapblock > .wpb_column {
		width: 100%;
	}

	.row-swapblock .col-media-swapblock {
		order: -1;
	}
}

/* <= MOBILE */
@media all and (max-width: 600px) {
	.wpb_single_image.contact-map * {
		height: 280px;
	}

	.content-service .primary-image {
		height: 280px;
		margin-bottom: 48px;
	}

	.col-action-location-service .wpb_gmaps_widget iframe {
		height: 280px;
	}
}