@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1920px) {
    html, body {
		font-family:'Roboto', MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro',  "Helvetica Neue", Arial, Gotham, sans-serif;
    }
}


@media screen and (max-width:1800px) {
    html, body {
        font-size:15px;
    }
}

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


	.l-logo, .r-logo {
		height: 100px;
	}
}


@media screen and (max-width:1600px) {
    html, body {
        font-size:14px;
    }

}

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


	.l-logo, .r-logo {
		height: 80px;
	}
}


@media screen and (max-width:1400px) {
    html, body {
        font-size:13px;
    }
	

	.content {
		top: 25%
	}
	

}


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


}

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

	
}

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

}


@media screen and (max-width:900px) {
	
	html, body {
		font-size:14px;
	}
	

	.l-logo, .r-logo {
		height: 60px;
	}
	
	nav ul li a{
		padding: 0px 10px;
		height: 15px;
		line-height: 15px;
		font-size: 12px;
	}
}


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

	.tap-content div {
		width: 100%;
		float: left;
		padding: 0 20px;
	}
	.popup {
		width: 80%;
		padding: 4rem 2rem;

	}
	
	.c-btn {
		width: 25px;
	}
	
	.s-img {
		width: 100%;
	}

	.r-div {
		width: 100%;
	}
	

	.bx-wrapper .bx-controls-direction a {
		margin-top: -250px !important;
	}
	

	.section-03 .content {
		width: 80%;
		position: relative;
		top: 25%;
		left: 10%;
		padding-bottom: 10px;
		overflow: auto;
	}


}


@media screen and (max-width:700px) {
	
	html, body {
		font-size:13px;
	}
	
	.section-01 {
		background-image: url('/content/dam/indusind-platform-images/landing-pages/earth-day/m-bg.jpg');
		background-size: 140% auto;
	}
	
	nav {
		display: block;
		position: relative;
		top: 0;
		-webkit-transform: translateY(-0%);
		transform: translateY(-0%);
		margin-left: 5%;
		padding-bottom: 10px;
	}

	nav ul li a{
		padding: 0px 12px;
		font-size: 11px;
	}
	
	.content {
		width: 85%;
		left: 7.5%;
	}
	

	.bx-wrapper .bx-controls-direction a {
		margin-top: -200px !important;
	}

}

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

	html, body {
		font-size:11px;
	}
}


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


	.bx-wrapper .bx-controls-direction a {
		margin-top: -180px !important;
	}

}


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

	.l-logo, .r-logo {
		height: 50px;
	}

	nav ul li a{
		padding: 0px 9px;
		height: 11px;
		line-height: 11px;
		font-size: 10px;
	}
	

}