/*
=========================================
Responsive Section
=========================================
*/

@media (max-width: 991px) {

	/* 
	===============================
	Header Section Responsive
	===============================
	*/
	header nav {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		height: 8.7rem;
	}

	.main-menu {
		background-color: #FFFFFF;
		position: absolute;
		top: 80%;
		left: 0;
		width: 100%;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}

	.main-menu ul li:not(:last-child) {
		margin-bottom: 2rem;
	}

	.main-menu ul li a {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
		height: auto;
		line-height: 0;
	}
	.main-menu ul li a:hover::after,
	.main-menu ul li.bg-active a::after {
		background: transparent
	}	

	.main-menu ul li a:hover {
		color: #006b24 !important;
	}
	
	/* 
	===============================
	 Section Main Responsive
	===============================
	*/
	.main-content {
		margin-top: -1rem;
	}

	.kinder-image img {
		margin-bottom: -2.8rem;
	}
	
	.contact h3 {
		font-size: 1.4rem;
	}

	.contact ul li {
		font-size: 1.3rem;
	}

	/* 
	===============================
	 Section Main Responsive
	===============================
	*/

}

@media (max-width: 767px) {

	/* 
	===============================
	 Section Main Responsive
	===============================
	*/
	.main-content {
		margin-top: -.8rem;
	}

	.contact h3 {
		font-size: 1.6rem;
	}

	.contact ul li {
		font-size: 1.4rem;
	}

	.kinder-image img {
		margin-bottom: -4.2rem;
	}

	/* 
	===============================
	 Section Main Responsive
	===============================
	*/

}