/* Media Queries for Responsiveness */
@media (max-width: 480px) {
    header {
		align-items: center;
	}
		
	.nav-links {
        flex-direction: column;
        position: absolute;
        top: 10vh;
        right: 0;
        background-color: #A3D9FF;
        width: 100vw;
        display: none;
        left: 0;
        height: 100vh;
        text-align: center;
        transition: 0.5s;
		justify-content: start;
		padding-inline-start: 0;
    }
	
	header.shrink {
		align-items: center;
	}
	header.shrink .nav-links {
		top: 4vh; /* Smaller size of the logo */
	}
	
	header.shrink .hamburger .bar {
		width: 8vw;
		height: 0.2vh;
		margin-bottom: .2vh;
	}
	
    .nav-links.active {
        display: flex;
        left: 0;
    }

    .nav-links li {
        margin: 0;
        text-align: left;
        padding: 1vh 0;
    }

    .nav-links a, .nav-links span {
        margin: 0;
        text-align: left;
		font-size: 5vw;
		letter-spacing: 0.5vw;
		font-weight: normal;
        padding: 1vh 3vw;
    }

    .hamburger {
        display: flex;
    }
		
	.hamburger .bar {
		width: 8vw;
		height: 0.2vh;
		margin-bottom: 1vh;
	}
	
	.full-height {
		height: auto;
	}
	
	.content, .experience_content, .community_content, .about_content, .krsnadham_content, .cowwelfare_content, .renewable_content, .organic_content, .water_content, .staycation_content, .learning_content {
		position: absolute;
		z-index: 1;
		height: 100vh;
		align-content: center;
	}
	
	.team_content, .process_content {
		height: 100vh;
		align-content: center;
	}

	.content, .cowwelfare_content, .water_content {
		background-color: #FFF5E1a6;
	}

	.experience_content, .about_content, .krsnadham_content {
		background-color: #A2D5A1a6;
	}

	.product_content, .organic_content, .learning_content {
		background-color: #F5F5DCa6;
	}

	.community_content {
		background-color: #A3D9FFa6;
	}

	.renewable_content, .staycation_content {
		background-color: #FFFFFFa6;
	}

	.contact_content, .quick-links  {
		width: auto;
	}
	
	.about_content h1 {
		font-size: 4rem;
	}
	
	.about_content h2 {
		font-size: 1.5rem;
	}
	
	.about_content p {
		font-size: 1rem;
	}
	
	.experience_content h1, .product_content h1, .community_content h1, .team_content h1, .process_content h1, .org_prac_content h1  {
		font-size: 2rem;
		margin-top: 5vh;
	}

	.experience_content h2, .product_content h2, .community_content h2, .team_content h2, .process_content h2, .org_prac_content h2  {
		font-size: 1.2rem;
	}

	.experience_content p, .product_content p, .community_content p, .team_content p, .process_content p, .org_prac_content p  {
		font-size: .9rem;
	}
	
	.product_section {
		padding: 0;
	}
	
	.product_content .product {
		width: auto;
		height: auto;
	}
	
	.about_content p  {
		margin-bottom: 1vh;
	}

	.team_content .team-member {
		display: flex;
		justify-content: center;
	}

	.org_prac_practices {
		display: inline-block;
		padding: 0 1vh;
	}
	
	.org_prac_p1 {
		width: auto;
	}

	.org_prac_p {
		width: auto;
		height: auto;
	}	

	.org_prac_p2 {
		width: auto;
		padding: 0 1vh;
	}

	.org_prac_p2_2 {
		width: auto;
		height: auto;
	}

	.section {
		display: inline-grid;
	}
	
	.team_content .team-member img {
    	width: 70vw;
	}
	
	.krsnadham_image, .cowwelfare_image, .staycation_image, .organic_image, .renewable_image, .water_image, .learning_image {
		background-position: center;
	}
	
	.contact_section {
		display: grid;
        padding: 10vh 0;
	}
		
	.popup-content {
		width: 95vw;
	}
	
	.contact_msg {
		width: 20vw;
	}
	
	.popup-content input[type="text"], .popup-content input[type="tel"], .popup-content input[type="email"] {
		width: 90vw;
	}

	.popup-content button {
		padding: 1vh 5vw;
	}
	
	.popup-content input[type="date"] {
		width: 90vw;
	}
	
	#adultMinus, #childrenMinus, #adultPlus, #childrenPlus {
		padding: 0.4vh 2vw;
	}

	footer {
		padding: 2vh 0;
	}
	
	footer p {
		font-size: 4.5vw;
	}	
}

@media (min-width: 481px) and (max-width: 767px) {	
    header {
		align-items: center;
	}
		
	.nav-links {
        flex-direction: column;
        position: absolute;
        top: 10vh;
        right: 0;
        background-color: #A3D9FF;
        width: 100vw;
        display: none;
        left: 0;
        height: 100vh;
        text-align: center;
        transition: 0.5s;
		justify-content: start;
		padding-inline-start: 0;
    }
	
	header.shrink {
		align-items: center;
	}
	header.shrink .nav-links {
		top: 4vh; /* Smaller size of the logo */
	}
	
	header.shrink .hamburger .bar {
		width: 8vw;
		height: 0.2vh;
		margin-bottom: .2vh;
	}
	
    .nav-links.active {
        display: flex;
        left: 0;
    }

    .nav-links li {
        margin: 0;
        text-align: left;
        padding: 1vh 0;
    }

    .nav-links a, .nav-links span {
        margin: 0;
        text-align: left;
		font-size: 4vw;
		letter-spacing: 0.5vw;
		font-weight: normal;
        padding: 1vh 3vw;
    }
	
    .hamburger {
        display: flex;
    }
		
	.hamburger .bar {
		width: 8vw;
		height: 0.2vh;
		margin-bottom: 1vh;
	}
	
	.full-height {
		height: auto;
	}
	
	.content, .experience_content, .community_content, .about_content, .krsnadham_content, .cowwelfare_content, .renewable_content, .organic_content, .water_content, .staycation_content, .learning_content  {
		position: absolute;
		z-index: 1;
		height: 100vh;
		align-content: center;
	}
		
	.team_content, .process_content {
		height: 100vh;
		align-content: center;
	}

	.content, .cowwelfare_content, .water_content {
		background-color: #FFF5E1a6;
	}

	.experience_content, .about_content, .krsnadham_content {
		background-color: #A2D5A1a6;
	}

	.product_content, .organic_content, .learning_content {
		background-color: #F5F5DCa6;
	}

	.community_content {
		background-color: #A3D9FFa6;
	}

	.renewable_content, .staycation_content {
		background-color: #FFFFFFa6;
	}

	.contact_content, .quick-links  {
		width: auto;
	}
	
	.about_content h1 {
		font-size: 4rem;
	}
	
	.about_content h2 {
		font-size: 1.5rem;
	}
	
	.about_content p {
		font-size: 1rem;
	}
	
	.experience_content h1, .product_content h1, .community_content h1, .team_content h1, .process_content h1, .org_prac_content h1 {
		font-size: 3rem;
		margin-top: 5vh;
	}

	.experience_content h2, .product_content h2, .community_content h2, .team_content h2, .process_content h2, .org_prac_content h2 {
		font-size: 1.2rem;
	}

	.experience_content p, .product_content p, .community_content p, .team_content p, .process_content p, .org_prac_content p {
		font-size: 1rem;
	}
	
	.product_section {
		padding: 0;
	}
	
	.product_content .product {
		width: auto;
		height: auto;
	}
	
	.about_content p  {
		margin-bottom: 1vh;
	}

	.org_prac_practices {
		display: inline-block;
		padding: 0 1vh;
	}
	
	.org_prac_p1 {
		width: auto;
	}

	.org_prac_p {
		width: auto;
		height: auto;
	}	

	.org_prac_p2 {
		width: auto;
		padding: 0 1vh;
	}

	.org_prac_p2_2 {
		width: auto;
		height: auto;
	}

	.team_content .team-member img {
    	width: 40vw;
	}
	
	.section {
		display: inline-grid;
	}
	
	.krsnadham_image, .cowwelfare_image, .staycation_image, .organic_image, .renewable_image, .water_image, .learning_image {
		background-position: center;
	}
	
	.contact_section {
		display: grid;
        padding: 10vh 0;
	}
		
	.popup-content {
		width: 95vw;
	}
	
	.contact_msg {
		width: 20vw;
	}
	
	.popup-content input[type="text"], .popup-content input[type="tel"], .popup-content input[type="email"] {
		width: 90vw;
	}

	.popup-content button {
		padding: 1vh 5vw;
	}
	
	.popup-content input[type="date"] {
		width: 90vw;
	}
	
	#adultMinus, #childrenMinus, #adultPlus, #childrenPlus {
		padding: 0.4vh 2vw;
	}

	footer {
		padding: 1vh 0;
	}
	
	footer p {
		font-size: 3.5vw;
	}	

}

@media (min-width: 768px) and (max-width: 1200px) {
	header {
		align-items: center;
	}
	
	.nav-links li {
		margin-left: 0;
	}
	
    .nav-links a, .nav-links span {
		font-size: 1.8vw;
        text-align: left;
		padding: 1vh 1vw;
    }
	
	.full-height {
		height: auto;
	}
	
	.about_content h1 {
		font-size: 4rem;
	}
	
	.about_content h2 {
		font-size: 1.5rem;
	}
	
	.about_content p {
		font-size: 1rem;
	}
	
	.experience_content h1, .product_content h1, .community_content h1, .process_content h1, .org_prac_content h1  {
		font-size: 3rem;
		margin-top: 5vh;
	}

	.experience_content h2, .product_content h2, .community_content h2, .process_content h2, .org_prac_content h2  {
		font-size: 1.2rem;
	}

	.experience_content p, .product_content p, .community_content p, .process_content p, .org_prac_content p  {
		font-size: 1rem;
	}
		
	.team_content, .process_content {
		height: 100vh;
		align-content: center;
	}

	.product_section {
		padding: 0;
	}
	
	.product_content .product {
		width: 46vw;
		height: auto;
	}
	
	.community_image {
		background-position: center;
	}
	
	.org_prac_practices {
		display: inline-block;
		padding: 0 1vw;
	}
	
	.org_prac_p1 {
		display: flex;
        justify-content: space-evenly;
        text-align: center;
        width: auto;
	}

	.org_prac_p {
		width: 47vw;
        height: auto;
        margin: 1vh 1vw;
	}	

	.org_prac_p2 {        
        display: inline-flex;
		align-items: center;
		width: 98vw;
		padding: 1vh 1vw;
	}

	.org_prac_p2_2 {
		width: auto;
		height: auto;
	}

	.org_prac_content h3 {
		margin: 2vh 1vw;
	}

	.team_content .team-member img {
    	width: 40vw;
	}
			
	.popup-content {
		width: 95vw;
	}
	
	.contact_msg {
		width: 20vw;
	}
	
	.popup-content input[type="text"], .popup-content input[type="tel"], .popup-content input[type="email"] {
		width: 90vw;
	}

	.popup-content button {
		padding: 1vh 5vw;
	}
	
	.popup-content input[type="date"] {
		width: 90vw;
	}
	
	#adultMinus, #childrenMinus, #adultPlus, #childrenPlus {
		padding: 0.4vh 2vw;
	}

	footer p {
		font-size: 2vw;
	}
}