/* ============================================================

   (max-width: 1600px)

============================================================ */



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



	.why-para {

		max-width: 50vw;

	}



	.section-para.key-metrics-para {

		max-width: 50vw;

	}



	.final-cta-title {

		max-width: 60vw;

		margin: auto;

	}



	.final-cta-para {

		max-width: 40vw;

	}



	.hero-content.global-hero .hero-para {

		max-width: 80%;

	}



	.contact-item i {

		font-size: 1vw;

		margin-top: 0.3vw;

	}



    .directors-row {

    max-width: 100%;

}

.director-desc {

    padding: 2vh 0 2vh 0;

}







.map-embed-box {

    margin-bottom: 20px;

}

.row.our-nikole-center-row {

    row-gap: 40px;

}

.director-card{

    border-radius: 15px;

}



.row.structured-learning-row {

    width:100%;

}

.row.structured-learning-row.board-row {

    padding-top: 8vh;

}

.advantage-row-wrapper{

  row-gap: 8vh;

}



.contact-btn {

    width: 3vw !important;

    height: 3vw !important;

}



}



/* ============================================================

   (min-width: 1280px) ** Large desktop and above ** 

============================================================ */



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

	/* Large desktop and above */

	    .contact-item i {

        font-size: 1.2vw;

	}

}





/* ============================================================

   (max-width: 991px) 

   (max-width: 991px)  

============================================================ */



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



	.c-container {

		width: -webkit-fill-available;

		padding: 0 15px;

		margin: auto;

	}



	.section-title {

		padding-bottom: 10px;

        max-width:100%;

	}





	.section-para {

		max-width:80% !important;

	}



	.section-header {

		padding-bottom: 40px;

	}



	.final-cta-col {

		padding: 10vh 4vw;

	}



	.section-padding {

		padding: 8vh 0;

	}





	.row {

		row-gap: 20px;

	}



	/* Tablet and below */

	.hero-head {

		max-width: 100%;

	}



	.green-round {

		width: 10px;

		height: 10px;

		margin-top: 0;

	}



	.hero-tag {

		column-gap: 10px;

		border-radius: 50px;

		padding: 10px 15px;

	}



	.hero-para {

		max-width: 100%;

	}



	.hero-highlights li {

		padding-left: 20px;

	}



	.hero-highlights li::before {

		width: 15px;

		height: 16px;

		top: 2px;

	}



	.content-wrapper {

		row-gap: 18px;

	}



	.hero-highlights {

		font-size: 18px;

		padding: 20px 0 20px 0;

		row-gap: 12px;

	}



	/* .hero-img-wrapper{

    margin: auto;

} */



    .row.hero-row {

        row-gap: 40px;

    }





	.call-ring-btn {

		column-gap: 10px;

	}



	.btn-main,

	.secondary-btn,

	.orange-btn {

		border-radius: 50px;

		padding: 12px 18px;

	}



	.why-title,

	.why-para {

		max-width: 100%;

	}



	.icon-wrapper {

		width: 50px;

		height: 50px;

	}



	.icon-wrapper img {

		width: 25px;

	}



	.row.why-row {

		row-gap: 10px;

	}





	.detailed-course-title {

		max-width: 100%;

	}



	.detailed-course-para {

		max-width: 100%;

	}



	.foundation-content {

		flex-direction: column;

	}



	.foundation-icon-wrapper {

		width: 50px;

		height: 50px;

	}



	.foundation-content {

		row-gap: 10px;

	}



	.d-check-icon {

		width: 15px;

		height: 15px;

		margin-top: -2px;

	}



	.fe-tag-wrapper,

	.d-card-content-top {

		row-gap: 20px;

	}



	.d-card-content-top {

		padding-bottom: 30px;

	}



	.courser-tags {

		column-gap: 15px;

		row-gap: 15px;

	}



	.course-tag {

		border-radius: 50px;

		padding: 12px 15px;

	}



	.course-feature {

		row-gap: 10px;

	}



	.course-btn-container {

		height: 50px;

	}



	.d-card-content-top {

		row-gap: 20px;

	}





	.integrated-features {

		padding: 30px 10px 30px 10px;

		margin: 20px 15px 0 15px;

	}



	.integrated-features .row {

		row-gap: 40px;

	}



	.feature-icon {

		width: 80px;

		height: 80px;

	}



	.section-para.key-metrics-para {

		max-width: 100%;

	}



	.row.metrics-row {

		row-gap: 40px;

	}



	.final-cta-col {

		width: 100%;

	}



	.final-cta-title {

		max-width: 100%;

		padding-bottom: 10px;

	}



	.final-cta-para {

		max-width: 90%;

	}



	.quick-col {

		padding-left: 100px;

	}



	.footer-logo-wrapper {

		align-items: flex-start;

		column-gap: 10px;

	}



	.logo-data-wrapper {

		max-width: 100%;

	}



	.about-col {

		row-gap: 25px;

	}



	.contact-item i {

		font-size: 18px;

		margin-top: 0.3vw;

	}



	.cn-wrapper {

		column-gap: 10px;

	}



	.contact-item {

		row-gap: 10px;

	}



	.footer-grid {

		row-gap: 40px;

	}



	.location-wrapper i:first-child {

		font-size: 16px;

	}



	.location-wrapper {

		column-gap: 10px;

	}



	.location-inner-wrapper i {

		margin-top: 4px;

		font-size: 14px;

	}



	.location-inner-wrapper {

		column-gap: 5px;

	}



	.footer-bottom-content {

		flex-direction: column-reverse;

		row-gap: 10px;

		max-width: 330px;

		margin: auto;

	}



	.location-wrapper {

		padding: 15px;

		margin-top: 15px;

        border-radius: 15px;

	}





	.footer-heading {

		font-size: var(--font22);

	}



	.contact-btn.call-btn {

		/* background-color: var(--secondary-color); */

		background-color: #006697db;

		font-size: 18px;

		width: 50px !important;

		height: 50px !important;

	}



	.contact-btn {

		margin-top: 15px !important;

	}

    .profile-canvas {
        width: 80px !important;
        height: 80px !important;
    }





	.why-us-card {

		padding: 30px 20px 30px 20px;

	}



	.feature-box {

		row-gap: 15px;



	}



	.course-btn-container {

		height: 50px;

		padding-top: 15px;

	}



	.section-title.testimonial-title {

		max-width: 100%;

	}



	.footer-bottom {

		margin-top: 25px;

	}



	.fixed-contact-btns {

		right: 20px !important;

		bottom: 30px !important;

	}



	.social-links {

		column-gap: 15px;

	}



	.footer-bottom {

		padding: 1vw 0 20px 0;

	}



	.testimonial-nav-wrapper {

		align-items: center;

		justify-content: center;

		column-gap: 20px;

	}



	.testimonial-nav-btn {

		width: 40px;

		height: 40px;

		border: 1px solid var(--secondary-color);

	}



	.testimonial-nav-wrapper {

		padding-top: 30px;

	}



	.why-us-card {

		box-shadow: 0 0 2vw 0.1vw rgb(0 0 0 / 15%);

	}



    .hero-btns {

    column-gap: 15px;

}

.legal-wrapper {

    column-gap: 20px;

}





/* ************** About us page responsive css ***************/

/* ************** About us page responsive css ***************/



.hero-section.global-hero-section {

    padding: 20vh 0 10vh 0;

    height:auto;

    min-height: auto;

}

.about-btn {

    padding-top: 30px;

}

.about-para {

    padding-top: 20px;

}

.hero-content.global-hero .hero-para {

        max-width: 100%;

}

.foundation-icon-wrapper.our-approch {

    width: 50px;

    height: 50px;

}

.why-us-card:hover {

    transform: translateY(0);

}

.our-journey-img-wrapper {

    height: 30vh;

}

    .row.our-journey-row .col-md-12.margin-left {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        padding-top: 30px;

    }

.row.our-journey-row .our-journey-content-wrapper{

    width: 50%;

}

.row.our-journey-row div:nth-child(3){

        width: 100%;

    }

    .our-journey-content-para {

    max-width: 100%;

}



.our-journey-data-icon {

    width: 50px;

    height: 50px;

}

.our-journey-data-icon img {

    width: 55%;

    height: 55%;

}



.card-title {

    padding: 20px 0 20px 0;

}



.directors-row{

    max-width: 100%;

}

.director-desc {

    padding: 0 0 20px 0;

}



.facility-icon img {

    width: 15px;

    height: 15px;

}

.facility-list li{

    column-gap: 8px;

}

.facility-list {

    row-gap: 10px;

    padding-bottom: 0vh;

}



.center-facilities-box .box-title {

    margin-bottom: 15px;

}

.stat-box{

    border-radius: 10px;

}

.map-and-address-block.margin-right .map-embed-box {

    height: 30vh;

}

 .address-details {

        max-width: 100%;

    }



    .address-details.map-address {

    padding-top: 15px;

    padding-left: 10px;

}

.methodology-icon-wrapper {

    width: 50px;

    height: 50px;

}

.methodology-icon-wrapper img {

    width: 60%;

}

.our-methodology-card .card-title{

    padding: 25px 0 10px 0;

}

.our-methodology-card:hover {

    transform: translateY(0);

}

.more-feature-btn .r-arrow-btn {

    width: 50px;

    height: 50px;

}









}





/* ============================================================

   (max-width: 767px) 

============================================================ */





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



	/* Mobile Landscape and below */



        .section-para {

        max-width: 100% !important;

    }

    .section-padding {

    padding: 60px 0;

    }

    .key-metrics-section {

    padding: 60px 0;

    }

    .final-cta-col {

    padding: 70px 15px;

    }



	.hero-tag p {

		font-size: 14px;

		column-gap: 5px;

	}



	.hero-tag {

		column-gap: 5px;

	}



	.hero-section {

		padding: 120px 0 50px 0;

	}



	.hero-highlights {

		font-size: 16px;

	}



	.green-round {

		width: 8px;

		height: 8px;

		margin-top: 0;

	}



	.hero-para {

		font-size: var(--font18);

		padding-top: 10px;

	}



	.hero-img-wrapper {

		width: 100%;

	}



	.why-us-card {

		row-gap: 15px;

	}



	.card-extra-info p {

		padding-top: 5px;

	}



	.why-us-card .card-title {

		padding: 15px 0 10px 0;

	}



	.icon-wrapper {

		border-radius: 15px;

	}



	.feature-icon {

		width: 50px;

		height: 50px;

	}



	.feature-title {

		font-size: var(--font20) !important;

	}



	.feature-box {

		padding: 0;

	}



	.row.why-row {

		row-gap: 20px;

	}



	.why-us-card:hover {

		transform: translateY(0);

	}



	.course-card {

		padding: 20px 15px;

	}



	.d-list {

		column-gap: 5px;

	}



	.section-padding.detailed-course-section {

		padding-bottom: 70px;

	}



	.slide-top .abstract-icon {

		width: 25px;

		height: 25px;

	}



	.t-card-para {

		padding: 15px 0;

	}



	.swiper-slide.testimonial-slide {

		padding: 15px;

	}







	.quick-col {

		padding-left: 0px;

	}



	.location-wrapper i:first-child {

		font-size: 16px;

		margin-top: 5px;

	}



	.final-cta-para {

		max-width: 100%;

	}



	.location-wrapper {

		margin-top: 15px;

	}



	.footer-heading {

		margin-bottom: 15px;

	}



	.main-footer {

		padding-top: 50px;

		border-radius: 0;

	}



	.section-padding.final-cta-section-wrapper,

	.section-padding.final-cta-section-wrapper .c-container {

		padding: 0 0 0px 0;

        width: calc(100% - 3px);

	}



	.final-cta-col {

		border-radius: 0;

	}



	.final-cta-title {

		font-size: var(--font30) !important;

	}

    

    .foundation-icon-wrapper{

    border-radius: 15px;

}



    .row.our-journey-row .our-journey-content-wrapper {

        width: 100%;

    }

    .our-journey-content{

        column-gap: 15px;

        row-gap: 15px;

        flex-direction: column;

    }

.director-desc {

        padding: 0 0 15px 0;

    }

    .profile-img {

    width: 40px;

    height: 40px;

}

.badge-icon {

    width: 25px;

    height: 25px;

}



.profile-badge-container {

    margin-right: 15px;

}



.director-card .card-content{

    padding: 20px 15px;

}



/* *************** contact us page css *************** */

/* *************** contact us page css *************** */





.contact-details-main {

    grid-template-columns: 1fr;

    width: fit-content;

}

#phone-no {

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    border-right: 0px solid rgba(0, 0, 0, .1);

}

    /* .row.our-nikole-center-row {

        flex-direction: column-reverse;

    } */





    .contact-details-main{

        padding-top: 30px;

    }

        .dropdown-arrow {

        width: 10px;

        height: 10px;

    }

    .form-wrapper {

    padding: 0;

    border: none;

    }

.main-cta-wrapper {

    column-gap: 15px;

}



.mid-column{

	flex-direction: column-reverse;

}



.row.structured-learning-row .card-title{

	padding: 0 0 10px 0;

}

    .advantage-row-wrapper {

        row-gap: 60px;

    }



.our-methodology-card{

	padding: 20px 15px;

}

}



/* ============================================================

   (max-width: 479px)

============================================================ */



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



    	.section-padding.final-cta-section-wrapper,

	.section-padding.final-cta-section-wrapper .c-container {

		padding: 0 0 0px 0;

        width: calc(100% - 2px);

	}



	/* Mobile Portrait and below */

	:root {

		--font14: 12px;

		--font16: 14px;

		--font18: 15px;

		--font20: 16px;

		--font22: 18px;

		--font25: 20px;

		--font30: 22px;

		--font40: 24px;

		--font50: 24px;

		--font60: 30px;

		--font70: 30px;

	}



}