/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2021 IMAJIKU.
*/

/* Desktop First Design */

/* Larger Devices, Wider Screens */
@media only screen and (min-width : 1700px) {
	
}

@media (min-width : 1500px) and (max-width: 1700px) {
	
}

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

}

/* height */
@media only screen and (max-height: 680px) {

	.gocampaign-how{
		min-height: 750px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
	
}

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

}

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

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



}
@media only screen and (max-width : 992px) {

}

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

	header.sticky .navbar.variant-campaign, 
	.navbar.variant-campaign, 
	header.sticky .navbar.variant-campaign, 
	.navbar.variant-campaign{
		justify-content: center !important;
		height: 50px !important;
	}

	.navbar.variant-campaign .navbar-brand img,
	header.sticky .navbar.variant-campaign .navbar-brand img{
		height: 32px !important;
	}

	/*Section HERO*/
	.gocampaign-hero{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height: auto;
		padding-top: 80px;
	}
	.gocampaign-hero-caption-box{
		width: 100%;
	}
	.gocampaign-hero-part-box{
		width: 100%;
	}
	.gocampaign-hero-caption{
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	.gocampaign-hero-caption h1,
	.gocampaign-hero-caption h2, 
	.gocampaign-hero-caption h3{
		font-size: 46px;
		text-align: center;
	}

	/* 	section intro */
	.gocampaign-intro{
		padding: 100px 0 60px;
		min-height: unset;
		height: auto;
	}
	.gocampaign-intro-desc{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin: 30px 0 0 0;
	}
	.gocampaign-intro-desc-title{
		display: flex;
		justify-content: center;
	}
	.cardgoca-simple-list{
		justify-content: center;
		align-items: center;
	}
	.gocampaign-intro .char-intro-bg{
		position: relative;
		left: -100%;
	}
	.cardgoca-simple-img{
		width: 60px;
	}
	.cardgoca-simple-desc p{
		font-size: 18px;
	}

	/* 	section tester */
	.gocampaign-tester{
		height: auto;
		padding: 0 0 50px;
	}
	.testercard-desc-title{
		height: 180px;
	}
	.testercard-desc-title h1, 
	.testercard-desc-title h2{
		font-size: 40px;
	}
	.gocampaign-tester .char-tester-bg{
		height: 180px;
		background-size: cover;
	}
/* 	.testercard-part{
		width: 280px !important;
		height: 350px !important;
		margin: 100px 0 0 auto;
	}
	.testercard-part .char-tester-1{
		bottom: 55px !important;
		left: 40px !important;
	} */
	.gocampaign-tester.variant-desktop{
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.gocampaign-tester.variant-mobile{
		display: block;
		visibility: visible;
		opacity: 1;
	}	
	.gocampaign-tester.variant-mobile .testercard-part{
		position: relative;
		width: 280px;
		height: 350px;
	}
	.gocampaign-tester.variant-mobile .testercard-part .char-tester-mobile-1{
		display: block;
		width: 80%;
		height: auto;
		position: absolute;
		bottom: 65px;
		left: 50px;
		z-index: 3;
	}
	.gocampaign-tester.variant-mobile .testercard-part .char-tester-mobile-2{
		display: block;
		width: 90px;
		height: auto;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: rotate(-10deg);
		z-index: 2;
	}

	/* 	section why */
	.gocampaign-why-desc h1, 
	.gocampaign-why-desc h2, 
	.gocampaign-why-desc h3{
		font-size: 40px;
	}
	.gocampaign-why-desc p{
		font-size: 18px;
	}
	.cardgoca-dash-img img{
		width: 70px;
	}
	.cardgoca-dash-desc h3{
		font-size: 16px;
	}
	.cardgoca-dash{
		max-width: unset;
		width: 100%;
	}

	/* 	section how */
	.gocampaign-how.variant-desktop{
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.gocampaign-how.variant-mobile{
		display: block;
		visibility: visible;
		opacity: 1;
		height: auto;
		padding: 1.6rem 0 1.6rem;
		overflow: visible;
	}
	.gocampaign-how.variant-mobile .howtext-desc{
		position: relative;
		padding: 0;
		transform: translate(0, 0);
	}
	.gocampaign-how.variant-mobile .howtext-desc h1, 
	.gocampaign-how.variant-mobile .howtext-desc h2, 
	.gocampaign-how.variant-mobile .howtext-desc h3{
		font-size: 40px;
		font-weight: 500;
	}
	.gocampaign-how.variant-mobile .howtext-desc p{
		font-size: 16px;
		font-weight: 400;
	}
	.gocampaign-how.variant-mobile .howplan-wrapper{
		margin-top: 370px;
	}
	.gocampaign-how.variant-mobile .howplan-list{
		margin-bottom: 0;
	}
	.gocampaign-how.variant-mobile .howplan-list ul{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan{
		width: 150px;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan-number,
	.gocampaign-how.variant-mobile .cardgoca-plan-desc{
		opacity: 1;
	}

	/* 	section tradein */
	.gocampaign-tradein{
		padding: 1.6rem 0 1.6rem;
		min-height: unset;
		height: auto;
	}
	.gocampaign-tradein-label h1, 
	.gocampaign-tradein-label h2, 
	.gocampaign-tradein-label h3{
		font-size: 40px;
	}
	.gocampaign-tradein-label h4{
		font-size: 30px;
	}
	.gocampaign-tradein-caption p{
		font-size: 16px;
	}
	.cardgoca-simple-list.variant-2{
		justify-content: flex-start;
		align-items: flex-start;
	}

	/* 	section product */
	.gocampaign-product{
		min-height: unset;
		height: auto;
	}
	.title-gocampaign h1, 
	.title-gocampaign h2{
		font-size: 40px;
		font-weight: 600;
	}

	/* section showroom */
	.gocampaign-showroom{
		min-height: unset;
		height: auto;
	}
	.cardblog-caption{
		align-items: center;
		padding: 20px 20px 20px 80px;
	}
	.cardblog-caption h1, 
	.cardblog-caption h2, 
	.cardblog-caption h3{
		font-size: 40px;
		font-weight: 200;
	}
	.cardblog-caption p{
		font-size: 16px;
	}

	/* section testimonial */
	.tesmoncard {
		flex-direction: column;
		flex-wrap: wrap;
		padding-top: 150px;
		padding-right: 30px;
	}
	.tesmoncard-caption{
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		width: 100%;
	}
	.tesmoncard-img{
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: auto;
	}
	.tesmoncard-img .char-tesmon-1{
		object-fit: contain;
	}
	.tesmoncard-caption p{
		font-size: 18px;
	}

	/* 	section mediacov */
	.gocampaign-mediacov{
		min-height: unset;
		height: auto;
	}

	/* 	section faq */
	.gocampaign-faq{
		min-height: unset;
		height: auto;	
	}
	.gocampaign-faq-label h3{
		font-size: 24px;
	}
	.gocampaign-faq-label .char-faq-1{
		height: 95px;
	}

}

/* Small Devices, Desktops */
@media only screen and (max-width : 812px) {
	
}

@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
	
	/* 	typo */
	.title-gocampaign h1,
	.title-gocampaign h2 {
		font-size: 40px;
		font-weight: 600;
	}
	.title-gocampaign h3 {
		font-size: 26px;	
		font-weight: 600;
	}
	.title-gocampaign h4 {
		font-size: 18px;
		font-weight: 600;
	}
	.title-gocampaign h5,
	.title-gocampaign h6 {
		font-size: 16px;	
	}
	.title-gocampaign p{
		font-size: 14px;
	}

	/* 	general */
	.cardgoca-simple-img{
		width: 40px;
	}
	.cardgoca-simple-desc p{
		font-size: 16px;
	}

	/* 	tester */
	.gocampaign-tester{
		padding: 0;
	}
	.testercard-part{
		margin: 0 0 0 auto;
		height: 320px !important;
	}
	.testercard-desc-text p{
		font-size: 16px;
	}

	/* 	whyus */
	.gocampaign-why-desc h1, 
	.gocampaign-why-desc h2, 
	.gocampaign-why-desc h3{
		font-size: 40px;
	}
	.gocampaign-why-desc p{
		font-size: 16px;
	}

	/* 	tradein */
	.gocampaign-tradein-part .char-tradein-1{
		width: 58%;
	}
	.gocampaign-tradein-part .char-tradein-2{
		width: 70%;
	}

	/* card blog */
	.cardblog-desc{
		margin-top: -100px;
		padding: 0 20px 0;
	}
	.cardblog-caption{
		width: 100%;
		height: unset;
		padding: 20px;
	}

	/* 	promo */
	.cardgoca-big-desc h4{
		font-size: 24px;
	}
	.cardgoca-big-desc h1, 
	.cardgoca-big-desc h2, 
	.cardgoca-big-desc h3{
		font-size: 40px;
	}

	/* testimonial */
	.tesmoncard-box{
		margin: 0;
	}
	.tesmoncard-caption p{
		font-size: 16px;
	}
	.tesmoncard-caption h1, 
	.tesmoncard-caption h2, 
	.tesmoncard-caption h3{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.tesmoncard-caption h5{
		font-size: 14px;
	}

	/* 	media */
	.cardgoca-mediacov-box.with-lineside .cardgoca-mediacov{
		border-right: none;
	}

	/* 	faq */
	.gocampaign-faq-label{
		min-height: unset;
		height: auto;
		margin: 0 auto 40px;
	}
	.gocampaign-faq-label h3{
		font-size: 40px;
		font-weight: 200;
		text-align: center;
		-moz-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		animation: none !important;
	}
	.gocampaign-faq-label .char-faq-1{
		width: 180px;
	}
}

@media only screen and (max-width : 640px) {

}

@media only screen and (max-width : 575px) {

	.gocampaign-how.variant-mobile .howplan-list li{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan{
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan-number{
		width: 30px;
		height: 30px;
		margin-right: 15px;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan-number h3{
		font-size: 18px;
		font-weight: 400;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan-img{
		width: 100px;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan-desc{
		flex: 1;
		padding: 0 0 0 15px;
		align-items: flex-start;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan-desc h3{
		font-weight: 500;
		text-align: left;
	}
	.gocampaign-how.variant-mobile .cardgoca-plan-desc p{
		text-align: left;
		font-weight: 400;
	}

}

@media only screen and (max-width : 480px) {
	
	.gocampaign-hero-part{
		width: 100%;
	}
	.gocampaign-hero-part .char-hero-3{
		top: 20%;
	}
	.gocampaign-hero-part .char-hero-6{
		top: 73%;
	}
}

@media only screen and (max-width : 375px) {

}

@media only screen and (max-width : 360px) {

}

@media only screen and (max-width : 320px) {
	
}