/*For Mobile*/
@media only screen and (max-width:760px) {

	body,
	html {
		overflow-x: hidden;
	}

	.brand img {
		width: 100px;
	}

	.banner-section {
		padding: 25px 0;
	}

	.banner-section article {
		text-align: center;
		padding-top: 25px;
	}

	.banner-section h1 {
		font-size: 24px;
	}

	.banner-section h1 strong {
		font-size: 18px;
	}

	.banner-section .btn-01 {
		margin: 20px auto;
	}

	.banner-section ul.prosper {
		justify-content: center;
		gap: 20px;
		max-width: 100%;
		margin: 50px 0 0 0;
	}

	.content-section h1 {
		font-size: 28px;
	}

	.inner-banner-section h1.title {
		font-size: 28px;
	}

	.content-section h2 {
		font-size: 26px;
	}

	.content-section h3 {
		font-size: 24px;
	}

	.content-section h4 {
		font-size: 22px;
	}

	.content-section h5 {
		font-size: 20px;
	}

	.content-section h6 {
		font-size: 18px;
	}

	.content-section p {
		font-size: 16px;
	}

	.content-section ul li {
		font-size: 16px;
	}

	.content-section ol li {
		font-size: 16px;
	}

	.btn-01 a {
		padding: 10px 20px;
		font-size: 14px;
	}

	.btn-02 a {
		padding: 10px 20px;
		font-size: 14px;
	}

	.footer-section figure img {
		width: 140px;
	}

	.footer-section h2 {
		font-size: 24px;
	}

	.footer-section h4 {
		font-size: 18px;
	}

	.footer-section h5 {
		font-size: 14px;
	}

	.footer-section ul.office li {
		font-size: 14px;
	}

	.footer-section ul.links li {
		font-size: 14px;
	}

	.about-section {
		padding: 25px 0;
	}

	.sideheading {
		width: 50px;
	}

	.sideheading h2 {
		font-size: 26px;
	}

	.value-stystem-section p {
		margin-left: 50px;
	}

	.reach-section .map h5 {
		font-size: 18px;
	}

	.reach-section .map ul {
		padding: 0 0 0 30px;
	}

	.reach-section .map ul li {
		font-size: 18px;
	}

	.reach-section .map .states {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 10px;
	}

	.reach-section .map .west-india {
		position: inherit;
		top: auto;
		left: auto;
		width: 48%;
	}

	.reach-section .map .west-india h5 {
		position: inherit;
	}

	.reach-section .map .west-india h5::after {
		display: none;
	}

	.reach-section .map .north-india {
		position: inherit;
		top: auto;
		right: auto;
		width: 48%;
	}

	.reach-section .map .north-india h5 {
		position: inherit;
	}

	.reach-section .map .north-india h5::after {
		display: none;
	}

	.reach-section .map .east-india {
		position: inherit;
		top: auto;
		right: auto;
		width: 48%;
	}

	.reach-section .map .east-india h5 {
		position: inherit;
	}

	.reach-section .map .east-india h5::after {
		display: none;
	}

	.reach-section .map .south-india {
		position: inherit;
		bottom: auto;
		right: auto;
		width: 48%;
	}

	.reach-section .map .south-india h5 {
		position: inherit;
	}

	.reach-section .map .south-india h5::after {
		display: none;
	}

	.inner-banner-section {
		padding: 30px 0 0 0;
	}

	.inner-banner-section h1 {
		font-size: 32px;
	}

	.inner-banner-section h3 {
		font-size: 24px;
	}

	.inner-banner-section p {
		font-size: 18px;
	}

	.inner-banner-section ul.available {
		gap: 5px;
		flex-wrap: wrap;
	}

	.delivery-methodology-section section {
		padding: 15px 15px 15px 55px;
		gap: 10px;
	}

	.delivery-methodology-section section .box {
		flex: 47%;
		max-width: 47%;
	}

	.delivery-methodology-section section .box h5 {
		font-size: 16px;
	}

	.solution-box,
	.capability-building-solutions-section ul {
		min-height: inherit;
	}

	.solution-box figure {
		margin: -66px auto 0 auto;
		width: 100px;
		height: 100px;
		background-color: #FFFFFF;
		border: 3px solid #33B288;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.solution-box {
		margin: 65px auto 0 auto;
	}

	.delivery-methodology-section {
		padding: 25px 0;
	}

	.mb-5 {
		margin-bottom: 0rem !important;
	}

	.mt-5 {
		margin-top: 0rem !important;
	}

	.capability-building-solutions-section {
		padding: 30px 0;
	}

	.management-section section {
		padding: 10px;
		overflow: auto;
	}

	.framework-training-section {
		padding: 30px 0;
	}

	.framework-training-section ul.leftlist {
		padding: 10px 60px 10px 30px;
	}

	.framework-training-section ul.rightlist {
		padding: 10px 10px 10px 80px;
	}

	.clientele-section {
		padding: 30px 0;
	}

	.clientele-section ul li {
		flex: 30%;
		max-width: 30%;
	}

	.learning-box figure {
		margin: -66px auto 0 auto;
		width: 100px;
		height: 100px;
		background-color: #FFFFFF;
		border: 3px solid #33B288;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.learning-box h5 {
		min-height: inherit;
	}

	.learning-box {
		margin: 65px auto 0 auto;
		padding: 20px;
		min-height: inherit;
	}

	.plan-section {
		padding: 30px 0;
	}

	.phase-box {
		margin: 15px auto;
		border-radius: 60px 0 0 0;
		gap: 0;
		padding-right: 0;
		flex-wrap: wrap;
	}

	.phase-box h4 {
		padding: 0 30px;
		min-height: inherit;
		border-radius: 100px 0 100px 0;
		font-size: 20px;
		width: 100%;
	}

	.phase-box p {
		font-size: 20px;
		padding: 20px 30px;
	}

	.benefits-section section {
		padding: 30px 30px 30px 65px;
	}

	.benefit-box figure {
		margin: -66px auto 0 auto;
		width: 100px;
		height: 100px;
		background-color: #FFFFFF;
		border: 3px solid #33B288;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.benefit-box h5 {
		min-height: inherit;
	}

	.benefit-box {
		margin: 65px auto 0 auto;
		padding: 20px;
		min-height: inherit;
	}

	.learning-methodology-box article {
		font-size: 18px;
	}

	.what-we-do-section01,
	.what-we-do-section02,
	.what-we-do-section03 {
		padding: 30px 0;
	}

	.what-we-do-section01 p,
	.what-we-do-section02 p,
	.what-we-do-section03 p {
		font-size: 18px;
	}

	.what-we-do-section01 ul li,
	.what-we-do-section02 ul li,
	.what-we-do-section03 ul li {
		padding: 0 0 0 30px;
		background: url(../img/bullet01.png) no-repeat 0 5px;
		font-size: 18px;
	}

	.what-we-do-section01 ul ul li,
	.what-we-do-section02 ul ul li,
	.what-we-do-section03 ul ul li {
		padding: 0 0 0 20px;
		background: url(../img/bullet02.png) no-repeat 0 4px;
		font-size: 16px;
		background-size: 8px;
	}

	.what-we-do-section01 .mt-5,
	.what-we-do-section02 .mt-5,
	.what-we-do-section03 .mt-5 {
		margin-top: 2rem !important;
	}

	.how-we-do-section01 {
		padding: 30px 0;
	}
	
	.how-we-do-section01 ul li {
		padding: 0 0 0 20px;
		background: url(../img/bullet02.png) no-repeat 0 4px;
		font-size: 16px;
		background-size: 8px;
	}
	
	.how-we-do-section03 {
		padding: 30px 0;
	}
	
	.how-we-do-section03 ul li {
		padding: 0 0 0 20px;
		background: url(../img/bullet01.png) no-repeat 0 6px;
		font-size: 16px;
		background-size: 10px;
	}

	.contact-section {
		padding: 30px 0;
	}

	.table-striped th, .table-striped td {
		font-size: 14px;
	}

	.features-section {
		padding: 30px 0;
	}

	.features-section section {
		overflow-x: auto;
	}
	
	.features-section h4 {
		padding: 0 0 20px 0;
	}
	
	.features-section .table-striped th {
		padding: .5rem;
		font-size: 14px;
	}
	
	.features-section .table-striped td {
		padding: .5rem;
		font-size: 12px;
	}
	
	.features-section .table-striped td ul {
		flex-wrap: wrap;
		gap: 0px;
	}

	.features-section .table-striped td ul li {
		text-align: left;
	}
	
	.features-section .table-striped td ul li span {
		display: block;
	}
	
	.features-section .table-striped td ul li::after {
		display: none;
	}

	.organization-development-solutions-section {
		padding: 30px 0;
	}
	
	.personality-interpersonal-leadership-section {
		padding: 30px 0;
	}

	.personality-interpersonal-leadership-section [class*="col-"] {
		padding: 8px 15px;
	}
	
	.personality-interpersonal-leadership-section .box {
		min-height: inherit;
	}
	
	.heading-green, .heading-lightgreen {
		min-height: inherit;
	}
}

/*For Midium Mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {}

/*For Tablet*/
@media only screen and (min-width:761px) and (max-width:1023px) {
	.banner-section {
		padding: 50px;
	}

	.banner-section ul.prosper {
		margin-top: 50px;
		justify-content: center;
		max-width: 100%;
	}

	.reach-section .map h5 {
		font-size: 20px;
	}

	.reach-section .map ul li {
		font-size: 20px;
	}

	.reach-section .map .states {
		display: flex;
		justify-content: flex-start;
		gap: 10px;
	}

	.reach-section .map .west-india {
		position: inherit;
		top: auto;
		left: auto;
		width: 25%;
	}

	.reach-section .map .west-india h5 {
		position: inherit;
	}

	.reach-section .map .west-india h5::after {
		display: none;
	}

	.reach-section .map .north-india {
		position: inherit;
		top: auto;
		right: auto;
		width: 25%;
	}

	.reach-section .map .north-india h5 {
		position: inherit;
	}

	.reach-section .map .north-india h5::after {
		display: none;
	}

	.reach-section .map .east-india {
		position: inherit;
		top: auto;
		right: auto;
		width: 25%;
	}

	.reach-section .map .east-india h5 {
		position: inherit;
	}

	.reach-section .map .east-india h5::after {
		display: none;
	}

	.reach-section .map .south-india {
		position: inherit;
		bottom: auto;
		right: auto;
		width: 25%;
	}

	.reach-section .map .south-india h5 {
		position: inherit;
	}

	.reach-section .map .south-india h5::after {
		display: none;
	}

	.inner-banner-section {
		padding: 30px 0 0 0;
		text-align: center;
	}

	.inner-banner-section .hero-image {
		width: 50%;
	}

	.inner-banner-section h1 {
		font-family: 'Hanken Grotesk', sans-serif;
		font-size: 72px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		color: #000000;
		text-transform: uppercase;
		padding: 10px 0;
	}

	.inner-banner-section h2 {
		font-family: 'Hanken Grotesk', sans-serif;
		font-size: 52px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		color: #000000;
		text-align: center;
		padding: 10px 0;
	}

	.inner-banner-section p {
		font-family: 'Hanken Grotesk', sans-serif;
		font-size: 32px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.4;
		color: #000000;
		padding: 10px 0;
	}

	.inner-banner-section ul.available {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 15px;
	}

	.inner-banner-section ul.available li a {
		position: relative;
		width: 182px;
		height: 64px;
		display: block;
	}

	.inner-banner-section ul.available li a>img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.inner-banner-section ul.available li a>img:last-of-type {
		opacity: 1;
		transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		-webkit-transition: opacity 0.5s ease-in-out;
	}

	.inner-banner-section ul.available li:hover a>img:last-of-type {
		opacity: 0;
	}

	.delivery-methodology-section section {
		justify-content: center;
	}

	.delivery-methodology-section section .box {
		flex: 30%;
		max-width: 30%;
		text-align: center;
	}

	.learning-box figure {
		margin: -85px auto 50px auto;
	}

	.learning-box {
		padding: 15px;
	}

	.learning-box h5 {
		padding: 10px 0;
	}

	.learning-methodology-box article {
		font-size: 18px;
	}

	.personality-interpersonal-leadership-section [class*="col-"] {
		padding: 8px 15px;
	}
	
	.personality-interpersonal-leadership-section .box {
		min-height: inherit;
	}
	
}

@media only screen and (min-width:1024px) and (max-width:1170px) {
	.menu-link {
		font-size: 18px;
	}

	.reach-section .map .west-india {
		left: -150px;
	}

	.reach-section .map .east-india {
		right: -150px;
	}

	.reach-section .map .north-india {
		top: -60px;
		right: 100px;
	}

	.reach-section .map .south-india {
		right: 140px;
	}

	.inner-banner-section ul.available {
		gap: 0;
	}

	.delivery-methodology-section section .box {
		flex: 18%;
		max-width: 18%;
		text-align: center;
	}

	.learning-box {
		padding: 30px;
	}

	.clientele-section ul li {
		flex: 15%;
		max-width: 15%;
	}

	.learning-methodology-box article {
		font-size: 18px;
	}

}