/*Responsive css*/
@media only screen and (min-width: 1450px) {
	.banner-text h1 {
		font-size: 80rem;
		line-height:100rem;
		z-index: 9;
		padding-right: 0;
	}
	.banner-text .button-area a {
		top: 3px;
	}
	.dots-icon {
		max-width: 290rem;
	}
	.x-icon {
		max-width: 100rem;
	}
	.snake-wave-icon {
		max-width: 155rem;
		right: 470rem;
	}
	.down-wave-icon {
		max-width: 121px;
	}
	#plus-minus-animation {
		bottom: 200rem;
	}
	.wave-icon {
		max-width: 100rem;
	}
	.equal-icon {
		max-width: 100rem;
	}
	.banner-text {
		padding: 0 120rem;
	}
}
@media only screen and (max-width: 1366px) {
	section.enquire-section {
		margin-bottom: 0rem!important;
	}
}
@media screen and (max-width: 1199px) {
	body {
		overflow-x: hidden;
	}
	.container {
		width: 100%;
		max-width: calc(100% - 4vw);
		padding: 0 15rem;
	}
	.footer-section {
		background-size: cover;
		padding: 20rem 0rem 10rem 0rem;
	}
	.courses-circle-container {
		flex-direction: column;
		margin-top: 60rem;
	}
	.circle-discretion {
		transform: rotate(90deg);
	}
	.circle-desc {
		padding:25rem;
		transform: rotate(-90deg);
		background-color: #7461aa;
		background-image: none!important;
		width: 100%;
		height: auto;
		margin-top:70rem;
		position: relative;
		display: none;
	}
	.circle-desc.yellow {
		background-color: var(--alternative-color);
	}
	.circle-desc.pink {
		background-color: #EF4280;
	}
	.circle-desc.sky-blue {
		background-color: #44C3D9;
	}
	.circle-desc.active-box {
		display: block;
	}
	.circle-desc:before {
		content: "";
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #7461aa;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: -17rem;
	}
	.circle-desc.yellow:before {
		border-bottom: 20px solid var(--alternative-color);
	}
	.circle-desc.pink:before {
		border-bottom: 20px solid #EF4280;
	}
	.circle-desc.sky-blue:before {
		border-bottom: 20px solid #44C3D9;
	}
	.circle-desc-text {
		position: relative;
		padding: 0;
	}
	.courses-desc {
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.courses-section .n-animate-block.in-view .courses-circle {
		width: 280rem;
		height: 280rem;
	}
	.courses-circle-left {
		position: relative;
		transform: translate(0, 40%) rotate(180deg);
		transition: transform 1.2s 0s ease-out;
	}
	.courses-section .n-animate-block.in-view .courses-circle-left {
		transform: translate(0, 0) rotate(180deg);
	}
	.courses-section .n-animate-block.in-view .courses-desc {
		transition: transform 1.2s 0s ease-out, opacity 1.2s 0s ease-out;
	}
	.enquire-form ul li.textarea > div {
		min-height: 120rem;
	}
	.enquire-form ul li:last-child textarea {
		height: 70rem;
	}
	.courses-circle ul li a img {
		max-width: 20rem;
	}
	.circle-inner {
		transform: rotate(180deg);
	}
	.courses-circle ul li.active a img {
		transform: rotate(180deg);
	}
}
@media only screen and (max-width: 1023px) {
	.dots-icon {
		display: none;
	}
	.quote-inner {
		margin-left: 0;
	}
	.banner-icons {
		height: 80vh;
		bottom: 0;
		margin: auto;
	}
	.enquire-form ul li:last-child textarea {
		height: 90px;
	}
	.client-logos ul li img {
		margin: 0 auto;
	}
	.slick-prev {
		left: -5px;
	}
	.about-section .container {
		flex-direction: column;
	}
	.snake-wave-icon {
		right: 300rem;
	}
	.setting-icon {
		max-width: 100rem;
		right: -30rem;
		top: 120rem;
	}
	#wavedpwn-animation svg {
		top: 360rem;
	}
	.wave-icon {
		max-width: 100rem;
	}
	.division-icon {
		max-width: 120rem;
		top: 25vh;
	}
	.about-right {
		padding: 25px 85px 25px 85px;
	}
	.quote-inner {
		padding: 65rem 30rem;
	}
	blockquote p::before {
		top: -65rem;
	}
}
@media only screen and (max-width: 991px) {
	.quote-section {
		overflow: hidden;
	}
	.main-header {
		padding: 10rem 15rem;
	}
	.main-menu ul li {
		padding-bottom: 15px;
	}
    .main-menu ul li:hover > ul.sub-menu {
        position: relative;
    }
	.menu-bar,.close-icon {
		display: block;
		cursor: pointer;
	}
	.close-icon {
		z-index: 9999;
		display: none;
		position: absolute;
		top: 43px;
		right: 1px;
	}
	.main-menu ul {
		position: fixed;
		left: 0;
		height: 100vh;
		width: 100%;
		background: #fff;
		top: 0;
		padding-top: 70px;
		z-index: 999;
		display: none;
	}
	.main-menu ul li {
		width: 100%;
		text-align: center;
		padding-right: 0;
	}
	.main-menu ul li a {
		font-size: 25rem;
	}
	.main-menu ul li a:hover {
		color: var(--secondary-color);
	}
	.count-area {
		flex-direction: column;
	}
	.count-content {
		padding: 20px;
		background: #fff;
		box-shadow: 0 0 7rem 2rem #dedede;
		margin-top: 25rem;
		margin-left: 0;
		transform-origin: center;
		animation: blobby-wiggle 8s ease-in-out infinite;
	}
    .framework-section .container, .fundamentals-section .container {
        flex-direction: column;
    }
    .framework-left, .fundamentals-left {
        padding-right: 0;
    }
    .color-outer-box img.color-bg {
        width: 100%;
    }
    .framework-left img.four-color {
        width: 100%;
    }
    .enquire-form {
        padding: 20rem;
    }
    .enquire-form ul li,.enquire-form ul li:nth-child(2n+2) {
        margin: auto auto 25rem auto;
        float: none;
    }
    .enquire-form ul li.textarea {
        min-height: 103rem;
    }
    .enquire-form ul li:last-child textarea {
        height:70px;
    }
	.enquire-form ul li.textarea > div {
		min-height: 100rem;
	}
	.main-menu ul li:last-child {
		background-image: none;
	}
	.framework-right {
		margin-top: 50rem;
	}
	.footer-main {
		flex-direction: column;
	}
	.footer-menu {
		padding-top: 15rem;
	}
	.footer-left {
		max-width: 100%;
		justify-content: space-evenly;
		width: 100%;
	}

	.framework-left .four-color-box {
		position: relative;
	}
	.n-animate-element > img {
		max-width: 420px;
		margin: 0 auto;
		display: inherit;
	}
	.framework-left .title-tag {
		display: block;
	}
	.framework-right .title-tag {
		display: none;
	}
	.mobile-show,.mobile-show a {
		display: block;
		border: none;
	}
}
@media screen and (max-device-width: 1100px) and (orientation: landscape) {
	#wavedpwn-animation svg {
		top: 180rem;
		left: 570rem;
	}
	.equal-icon {
		bottom: 35rem;
	}
	#plus-minus-animation {
		max-width: 140rem;
		bottom: 20rem;
		right: 760rem;
	}
	.about-left {
		padding-right: 104px;
	}
}
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
	.banner-text h1 {
		padding-top: 150px;
	}
}
@media only screen and (max-width: 767px) {
	.main-banner .container, .footer-section .container {
		padding: 0 15rem;
	}
	.header-logo img {
	    max-width: 110rem;
	}
	.banner-icons {
		height:100vh;
		bottom: inherit;
        overflow: inherit;
	}
	.banner-text {
	    padding: 0 20rem;
	}
	.rocket-area {
		text-align: center;
	}
	.rocket-area img {
		max-width: 250rem;
	}
	.rocket-area .rocket-svg {
        top: -94px;
        left: calc(50% - 2px);
        max-width: 300px;
        transform: translateX(-50%)
	}
	.framework-right {
		margin-top: 0;
	}
	.circle-desc {
		margin-top: 20rem;
	}
	#wavedpwn-animation svg {
		position: absolute;
		top: 190px;
		left: 35px;
		max-width: 120px;
		transform: rotate(140deg)!important;
	}
	.about-section .container {
    	flex-direction: column;
	}
	.banner-text h1 {
		font-size: 30rem;
		line-height: 35rem;
        text-align: center;
		padding-top: 80rem;
	}
    .enquire-form ul li > div label {
        top: 18rem;
    }
	.count-area {
	    align-items: initial;
	}
	.count-number {
	    width: 100%;
	    border-right: none;
	    padding: 0;
	    border-bottom: 2rem solid red;
	}
	.count-text {
		    padding: 0;
    	font-size: 14rem;
	}
	.count-number span {
        font-size: 30rem;
        line-height: 30rem;
        padding-bottom: 12px;
	}
	.circle-discretion {
		background-image: none;
		background-color: #7461aa;
		transform: rotate(0deg);
		width: 100%;
		height: auto;
		margin-top: 50rem;
	}
	section.count-section,
	section.about-section,
	section.quote-section,
	section.framework-section,
	section.fundamentals-section,
	section.courses-section,
	section.testimonials-section,
	section.enquire-section {
		padding: 35rem 0;
	}
	.banner-icons {
		position: relative;
	}
	.banner-icons:before{
		content: "";
		position: absolute;
		left: -15px;
		height: auto;
		background: linear-gradient(180deg,#fff 4%,rgba(255,255,255,.6) 47%,rgba(255,255,255,.02) 95%,rgba(255,255,255,0) 100%);
		bottom: 0;
		width: 108%;
		transform: rotate(180deg);
		padding: 50px 0;
		pointer-events: none;
	}
	.main-banner {
		position: relative;
	}
	.mobile-shadow {
		content: "";
		position: absolute;
		left: -15px;
		height: auto;
		background: linear-gradient(180deg,#fff 4%,rgba(255,255,255,.6) 47%,rgba(255,255,255,.02) 95%,rgba(255,255,255,0) 100%);
		bottom: 0;
		width: 108%;
		transform: rotate(180deg);
		padding: 50px 0;
		pointer-events: none;
	}
	.count-section {
		position: relative;
	}
	.count-section:before {
		content: "";
		position: absolute;
		left: 0;
		height: auto;
		background: linear-gradient(180deg,#fff 4%,rgba(255,255,255,.6) 47%,rgba(255,255,255,.02) 95%,rgba(255,255,255,0) 100%);
		bottom: 0;
		width: 100%;
		transform: rotate(180deg);
		padding: 50px 0;
		pointer-events: none;
	}
	.vision-circle .vision-circle-bg,.mission-circle-bg {
		width: 285rem!important;
		padding: 40rem 25rem 30rem 50rem!important;
		font-size: 15rem;
		height: 273rem;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.frame-quote blockquote p::before,
    .courses-quote blockquote p::before,
    .fundamentals-quote blockquote p::before{
		top: -55rem;
	}
    .testimonials-section .slick-active blockquote p::before {
        top: 3rem;
        display: block;
        left: 10rem;
    }
	.enquire-form ul li div,
	.enquire-form ul li:nth-child(3) > div,
	.enquire-form ul li:nth-child(4) > div,
	.enquire-form ul li.textarea > div{
		background: none;
	}
	.enquire-form ul li > div {
		min-height: 58rem;
		padding: 0 10px;
		margin-bottom: 0rem;
		border: 1px solid var(--primary-color);
	}
	.vision-circle h5, .mission-circle h5 {
		font-size: 25rem;
	}
	.about-left > div p:last-child {
		margin-bottom: 0;
	}
	.about-right {
		padding-bottom: 0;
	}
	.mission-circle .mission-circle-bg {
        top: -50px;
        left: -86px;
	}
	.mission-circle {
		height: 210rem;
	}
	.vision-circle .vision-circle-bg img, .mission-circle .mission-circle-bg img {
		left: 19px;
	}
	.vision-circle p, .mission-circle p {
		font-size: 15rem;
	}
	.circle-discretion:before {
		position: absolute;
		top: -13px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #7461aa;
	}
	.circle-inner {
		width: 100rem;
		height: 100rem;
		font-size: 12rem;
		transform: rotate(-180deg);
	}
	.circle-discretion-text {
		position: relative;
		padding: 20rem;
		transform: rotate(0deg);
		width: 100%;
		height: auto;
	}
	.count-number {
		margin-bottom: 13rem;
	}
	.about-left h2 {
	    font-size: 30rem;
	}
	.courses-circle {
		width: 250rem;
		height: 250rem;
	}
    .count-content {
        flex-direction: column;
    }
	@keyframes course-circle-scale {
		0% {
			transform: scale(1) rotate(-180deg);
		}
		50% {
			transform: scale(1.25) rotate(-180deg);
		}
		100% {
			transform: scale(1) rotate(-180deg);
		}
	}
	.courses-circle ul li a img {
		max-width: 18rem;
		transform: rotate(-180deg);
	}
	.title-tag {
    	padding-bottom: 10rem;
	}
	.about-right {
		margin-top: 30rem;
	}
	.quote-inner {
	     background-size: cover;
	    font-size: 16rem;
	    padding: 45rem 25rem 60rem 40rem;
	}
	blockquote p::before {
		top: -43rem;
		width: 51rem;
		background-size: 60%;
	}
	.close-icon {
		top: 26px;
	}
    .banner-text .perspective-btn {
        padding-top: 25px;
    }
    .about-left {
        font-size: 16rem;
		padding: 0;
    }
	.input-border {
		-webkit-animation: initial!important;
		animation:initial!important;
	}
    .title-tag span,.title-tag span:before {
		width: 26rem;
		height: 26rem;
		top: 8px;
    }
	.fundamentals-right {
		margin-top:30rem;
	}
	.x-icon {
		max-width: 40rem;
		top: 70rem;
	}
	.snake-wave-icon {
		max-width: 40rem;
		right: 100rem;
		top: 50rem;
	}
	.setting-icon {
		top: 235rem;
		right: -45rem;
		max-width: 90rem;
	}
	.plus-icon {
		bottom: 100rem;
		max-width: 25rem;
	}
	.down-wave-icon {
		bottom: 25rem;
		left: 20rem;
		max-width: 60rem;
	}
	.wave-icon {
		bottom: 60rem;
		right: 7%;
		max-width: 50rem;
	}
	.equal-icon {
		display: none;
	}
	.division-icon {
		max-width: 120rem;
		top: 21vh;
		left: 10vw;
	}
	.plus-icon {
		right: 154rem;
	}
	.color-outer-box .content-box h4 {
		font-size: 18rem;
		line-height: 25rem;
	}
	.enquire-form ul li, .enquire-form ul li.textarea {
		background: none;
		width: 100%;
		min-height: auto;
	}
	#plus-minus-animation {
		max-width: 120rem;
		bottom: 56px;
		right: 175px;
	}
	section.enquire-section {
		margin-bottom: 0rem!important;
	}
	.enquire-form ul li.textarea {
		padding: 0;
	}
    .button-area {
        margin: auto;
        margin-top: 20rem;
    }
	.enquire-form {
		padding: 0;
	}
	.four-c h2 {
		font-size: 40rem;
	}
	.enquire-form ul li:last-child textarea {
		height: 135rem;
		padding: 10rem;
	}
    .client-details blockquote p::after {
        bottom: 0;
    }
	.client-details {
		padding: 0;
	}
    .client-details p {
        padding: 0 40px 15px 40px;
    }
	.framework-right p:last-child {
		margin-bottom: 0;
	}
	blockquote span {
		padding-top: 17rem;
		font-size: 14rem;
	}
	.n-animate-container {
		margin-bottom: 25rem;
	}
    .color-outer-box img.color-bg {
        width: 95%;
    }
    .fundamentals-section .fundamental-animation > div {
        width: 350rem;
    }
	.client-details span {
		font-size: 15px;
	}
	.color-outer-box .content-box img {
		max-width: 100rem;
	}
    .fundamentals-box-container {
        perspective: 1200px;
        height: 370rem;
    }
	h2.title-tag {
		font-size: 25rem;
	}
	.footer-left {
		flex-direction: column;
		align-items: center;
	}
	.footer-left address {
		padding-left: 0;
		text-align: center;
		padding-top: 15rem;
		font-size: 14rem;
	}
	.footer-menu ul li {
		padding-right: 9px;
		font-size: 14rem;
	}
	.footer-bottom .container {
		flex-direction: column;
		padding-top: 15rem;
	}
	.copy-right {
		font-size: 14rem;
		text-align: center;
	}
	.marching-icon {
		text-align: center;
		margin-top:10rem;
	}
	.footer-bottom {
		margin-top: 8rem;
	}
	.footer-section {
		padding: 40rem 15rem 10rem 15rem;
		margin-top: 25rem;
	}
	.footer-left img {
		max-width: 100rem;
	}
	.footer-hover-content {
		display: none;
	}
	.scrollblock {
		overflow-x: hidden!important;
	}
	.client-logos ul li img {
		margin: 0 auto;

	}
	.quote-section p {
		line-height: 18px;
	}
}
@media only screen and (max-width: 480px) {
	#plus-minus-animation {
		right: 84px;
	}
	.setting-icon {
		top: 150rem;
	}
	.snake-wave-icon {
		right: 202rem;
	}
	.copy-right label {
		display: block;
	}
	.about-right {
		padding: 25px;
	}
	.mission-circle .mission-circle-bg {
		padding-top: 0px!important;
	}
	.vision-circle .vision-circle-bg, .mission-circle .mission-circle-bg {
		width: 260rem!important;
	}
	.mission-circle .mission-circle-bg {
		left: -60px;
		top: -69px;
	}
	.vision-circle p, .mission-circle p {
		font-size: 13rem;
	}
	.vision-circle-bg.animate-child {
		left: 18px;
	}

}