@media only screen and (max-width:767px) {
		.header-area .menu-content-area .header-social-area a {
		padding: 0 5px;
		font-size: 14px;
	}
	.header-area .menu-content-area .header-social-area {
		margin-right: 15px;
	}
	.header-area .logo-area a {
		font-size: 24px
	}
	.description-text {
	    padding-top: 50px;
		padding-bottom: 5px;
	}
	.header-area {
		padding: 10px 0;
	}
	.mainMenu {
		padding: 15px;
		width: 300px;
	}
	.mainMenu .logo-area a {
		font-size: 24px;
	}
	.mainMenu .closeIcon {
		right: 30px;
		top: 30px;
	}
	.mainMenu .copywrite-text p {
		font-size: 14px;
	}
	.mainMenu .nav-link {
		font-size: 14px;
		padding: 10px;
	}

		.single-hero-slide {
		height: 639px;
	}
	.text-whatsapp{
		text-align: left;
	}


}



@media only screen and (min-width:991px) and (max-width:1199px) {
	.single-hero-slide {
		height: 800px;
	}
	.mainMenu {
		padding: 30px 15px;
	}

	.step-1-img {
		background-image: url('/assets/images/home/langkah-7.png');
		width: 143px;
		height: 152px;
		background-position: 938px;
		background-size: cover;
	}

	.header-area .menu-content-area .header-social-area a{
		font-size: 0.9em;
	}

	.header-area .menu-content-area .header-social-area{
		margin-right: 0;
	}

	.list-inline-item:not(:last-child){
		margin-right: 0;
	}
}


@media only screen and (min-width:768px) and (max-width:991px) {
		.mainMenu {
		padding: 30px 15px;
	}
	 .single-hero-slide {
		height: 700px;
	}
	.menu-content-area.d-flex.align-items-center{
		font-size: 13px;
		width :100%;
	}
	.header-area .menu-content-area .header-social-area{
		margin-right: 0;
	}
}


@media only screen and (max-width:991px) {
	.step-1-img {
		background-image: url('/assets/images/home/langkah-7.png');
		width: 130px;
		height: 152px;
		background-position: 924px;
		background-size: cover;
	}

		#menu-mobile {
		display: block;
	}
	#menu-dekstop {
		display: none;
	}
	.position-absolute {
		top: 10px;
	}
	.position-absolute-text {
		position: absolute;
		bottom: 0;
	}
	.mainMenu .nav-link {
		font-size: 18px;
		padding: 18px;
		color: #fff!important;
	}
		.site-image {
		width: 10%;
	}

}

@media only screen and (max-width:767px) {
	.site-image {
		width: 15%;
	}
	#description-contact {
		margin-top: 6rem;
	}

	.step-1-img {
		background-image: url('/assets/images/home/langkah-7.png');
		width: 130px;
		height: 152px;
		background-position: 924px;
		background-size: cover;
	}


	.studi-kasus .studi-kasus-box img{	
		border-radius: 10px 0 0 10px;
		height: 100%;
	}

	#about-us {
		min-height: 530px;
		margin-top: -10px;
	    padding-bottom: 30px;
		background: -webkit-linear-gradient(-90deg, white, white 30%, #009b39 30%, #009b39);
	}

	 .hero-slides-content h2 {
		color: #27a844;
	    font-weight: 700;
	    font-size: 1.5rem;
	    line-height: 1.5rem;
	    margin-top: 21px;
	}
	 .hero-slides-content {
		height: 639px;
		margin-top: 70%;
		margin-left :0;
	}

	.footer-logo{
	text-align: center;
	}
}

@media all and (max-width:499px) {
	#dekstop-step {
		display: none;
	}
	#mobile-step {
		display: block;
	}
	.hero-text{
		margin-top: 3rem;
	}
	.hero-slides .single-hero-slide .hero-slides-content p{
		color: #fff;
	    font-size: .9em;
	    margin-bottom: 0;
	    -webkit-transition-duration: 500ms;
	    transition-duration: 500ms;
	    margin-top: 18px;
	    font-weight: 400;
	    word-spacing: 2px;
	}

	#description .black {
	    font-weight: 900;
	    color: #000;
	    letter-spacing: 2px;
	}

	#description .green {
	    font-weight: 900;
	    color: #009b39;
	    letter-spacing: 2px;
	}
	#about-us .title-aboutus{
		margin-left: 0;
	}
	#about-us .title-line {
	    width: 10vh;
	    border-top: 5px solid #009b39;
	    border-radius: 10px;
	}
	#about-us p {
	    color: #cde4d0;
	    word-spacing: 1px;
	    line-height: 24px;
	    font-size: 14px;
	    text-align: justify;
	}

	.jenis-serangga .jenis-title hr {
	    border: 2px solid #009b39;
	    width: 15%;
	    margin-left: 0;
	    margin-top: 0;
	    text-align: left;
	}
	#sustainability .title-line {
		width: 40%;
    	border-top: 3px solid #ffff;
	}

	#contact-us .title-line {
	    width: 220px;
	    margin-left: 0;
	}
	.know-more{
		font-size: 1.75rem;
	}
	#contact-us .green {
	    color: #009b39;
	    font-size: 20px;
	}
	.studi-kasus-text {
	    min-height: 70px;
	    font-size: .60em;
	    text-align: justify;
	    font-weight: 600;
	}
	.section-title.mb-3{
		font-size: 22px;
		font-weight: 700;
	}
	.studi-kasus .pdf-icon{
		width: 100%;
	}

	.definisi-hara-content h3{
		font-size: 24px;
	}

	.studi-kasus h5{
		font-size: 1.25rem;
		font-weight: 700;
	}
	
	.definisi-hara-content i{
	    font-size: 16px;
	}
	.dokter-pribadi {
		padding-top: 0;
	}
	.kutipan-text {
		width: 100%;
	}

	h3.ganoderma-text{
		font-size: 1.25rem !important;
	}
	img.chips-3{
		width: 40%;
	}
	.muri-images{
		text-align: center;
	}
	.background-product{
		height: 270px;
	}
	.quote-product {
		height: 200px;
	}

	.sawit-jamur-content .chips-text {
		font-size: 1em;
	}
	#sawit-produktivitas .content{
	    align-items: center;
		margin-top: 70px;
	}
	.sawit-jamur-content h3{
    	font-size: 14px;
		line-height: 22px;
	}
	.definisi-hara-content .keberhasilan h3{
		font-size: 22px;
	}
	#introduction .introduction-content{
		padding-bottom: 30px;
	}
	#sawit-jamur-content h4 {
   		font-weight: 600;
 	   font-size: 22px;
	}
	
	.title-product {
		font-size: 1.5rem;
	}
	.title-section-product {
		font-size: 1rem;
		font-weight: bold
	}
	.kutipan-text {
		font-size: .9rem
	}
	.animal-pests {
		width: 85%;
	}
	.vertical-line {
		display: none;
	}
	.background-contact{
		height: 65px;
	}
	#serangga .title-line{
		width: 9vh;
	}
	.serangga-slides .single-hero-slide {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.serangga-slides .single-hero-slide.pad {
		margin-top: 20px;
	}
	.serangga-slides .single-hero-slide hr {
		height: 15px;
		margin-top: 2rem;
		margin-bottom: 0;
		width: 0;
		border-left: 0 solid rgba(10, 10, 10, .5);
		border-right: 1px solid rgba(10, 10, 10, .5);
		margin: auto;
	}
	.definisi-hara-content .img-shadow {
		-webkit-box-shadow: 9px 11px 3px -4px rgba(0, 0, 0, 0.22);
		-moz-box-shadow: 9px 11px 3px -4px rgba(0, 0, 0, 0.22);
		box-shadow: 9px 11px 3px -4px rgba(0, 0, 0, 0.22);
		width: 100%;
	}
	.definisi-hara-content i {
		font-size: 1rem;
	}
	.definisi-hara-content h4 {
		font-size: 1.2rem;
	}
	.definisi-hara-content .buah-text {
		font-weight: 700;
		font-size: 14px;
	}
	#keberhasilan {
		background-color: #fff;
	}

	.dokter-pribadi p {
		color: rgba(120, 120, 120, .9);
		font-size: 11px;
	}
	#sawit-jamur-content .chips-text {
		font-size: .9em;
		line-height: 1.9em;
		color: #676767;
	}
	img.sawitnotif-logo {
		width: 50%;
	}
	
	.chips3-content .p-content {
   	 	font-size: .8em;
	}
 	.formulasi-text ul {
	    margin-top: 10px;
	    padding-left: 15px;
	    list-style: none;
	}
	.formulasi-text ul li::before {
	    content: "\25A0";
	    color: #009b39;
	    margin-left: -1.7em;
	    margin-right: 15px;
	    text-align: justify;
	}
	.formulasi-text ul li {
	    line-height: 2.2em;
	    margin-bottom: 20px;
	    font-size: 14px;
	    color: rgba(10,10,10,.6);
	}
	.definisi-hara-content .img-shadow{
		width: 100%;
	}
	.definisi-hara-content .quote h5{
		font-size: 17px;
	}
	.definisi-hara-content .solusi h3{
		font-size: 17px;
		line-height: 30px;
	}
	.question-analytic{
		font-size: 17px;
		line-height: 30px;
	}
	.show-br{
		display: block;	
	}
	.hide-br{
		display: none;	
	}

	.subtitle-moaf{
	    font-size: 14px !important;
	    line-height: 24px !important;
	}

	.text-whatsapp{
		text-align: left;
	}
	.form-check.form-check-inline{
		font-size: 0.9rem;
	}

	img.pdf-icon{
		height: auto !important;
	}
}