@media screen and (min-width: 1900px) {
	
	.navbar-classic .navbar-nav{    margin-left: 188px !important;    margin-top: 3px !important;} 
}
@media screen and (min-width: 1600px) {
html { font-size: 15px;} 
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left:143px!important; padding-right:143px!important;}

/* === Content Styles === */	
#content .caroulsel-right-auto{ padding-right: 0px!important; overflow-x: hidden;}
#content .p0{ padding-left:0px!important; padding-right:0px!important; overflow-x: hidden;}
	
/*.mega-dropdown-menu {min-height:600px;}*/
.legacy-container{min-height:608px;}	
	
}

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

/* === Content Styles === */	
#content .caroulsel-right-auto{ padding-right: 0px!important; overflow-x: hidden;}	
#content .p0{ padding-left:0px!important; padding-right:0px!important; overflow-x: hidden;}
	
/* === Footer === */
.footer-mobile-text a{ font-size: 13px;}	
	
	#intro .arrow-tr h4 { left: -115px; top: -7px;}
	#intro .arrow-tl h4 {right: -128px; top: -2px;}
	#intro .arrow-bl h4 {right: -100px; top: 69px;}	
	#intro .arrow-br h4 {left: -81px;   top: 106px;}
	
	.world_text1 {left: 70px; margin-top: 110px;}
	.world_text2 {right: 70px; margin-top: 110px;}
	.world_text4 {right: 70px; margin-top: 108px;}
	.world_text3 {left: 50px;  margin-top: 110px;}
	
	.academics-type{margin-top:-271px}
		
}

@media screen and (min-width:1368px) and (max-width:1599px){
header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left: 50px!important; padding-right:50px!important;}	

/* === Content Styles === */
#content .caroulsel-right-auto{ padding-right: 0px!important; overflow-x: hidden;}
#content .p0{ padding-left:0px!important; padding-right:0px!important; overflow-x: hidden;}	
	
/* === Footer === */
.footer-mobile-text a{ font-size: 13px;}	
.footer-column-last{ float: right; margin-right:46px;}	

/* --- Home page --- */	
#slider .carousel-caption { bottom:40%;}
	
/* --- Inside page --- */
#slider .aws-caption { bottom:25%;}	
#learners .section-sub-heading:hover .text-container {
  opacity: 0;
  }   

.section-heading-large .card-title {
    font-size: 2.5rem;  
}
	
	
	#intro .arrow-tl h4{ right: -105px; top: -2px;}
	#intro .arrow-bl h4 {right: -29px; top: 29px;}
	#intro_veda .arrow-tl h4{right: 45px; top: 14px;}
	#intro_veda .arrow-tr h4 {text-align: left; left: 60px; top: 13px;}
	#intro_veda .arrow-bl h4 {right: -32px; top: 59px;}
	.world_text1 {left: 70px; margin-top: 110px;}
	.world_text2 {right: 70px; margin-top: 110px;}
	.world_text4 {right: 70px; margin-top: 108px;}
	.world_text3 {left: 50px;  margin-top: 110px;}
	#intro h4, #intro_veda h4{font-size:24px !important; line-height:1 !important;}
	#intro .arrow-bl .circle{top:26px !important}
	#intro .arrow-tl .circle{top: 11px !important;}
	#intro .arrow-tr .circle{top: 9px !important;}
	#intro .arrow-br .circle{top:10px !important;}
	#intro .arrow-tr h4 {left: -88px; top: 1px;}
	#intro .arrow-br h4 {left: -11px;top: 45px;}
	#intro_veda .arrow-br h4 {left: -20px; top: 60px;}
	#intro_veda .arrow-tl .circle, 	#intro_veda .arrow-tr .circle, 	#intro_veda .arrow-bl .circle, #intro_veda .arrow-br .circle{top:-4px;}
	
}	

@media screen and (min-width:1281px) and (max-width:1366px){

header .container-fluid, header .header, footer .container-fluid, #content .container-fluid{ padding-left: 50px!important; padding-right:50px!important;}	
.longEnough {height: 160px;}	
.navbar-classic {padding-left:20px; padding-right:20px;}	
/*.navbar-classic .navbar-nav .nav-item .nav-link {font-size:14px;}*/
.mega-dropdown-menu .menu-title {font-size:16px; line-height:24px;}	

/* === Footer === */	
.footer-mobile-text a{ font-size: 12px;}
.footer-column-last{ float: right; margin-right:46px;}		
	
/* === Content Styles === */
#content .caroulsel-right-auto{ padding-right: 0px!important; overflow-x: hidden;}
#content .p0{ padding-left:0px!important; padding-right:0px!important; overflow-x: hidden;}	
	
/* --- Home page --- */		
.article-news.card .article-news-card-body{ min-height: 265px;}	
.article-news.card .news-card-body{ min-height:310px;}
.legacy-container{min-height:618px;}
#learners .section-sub-heading:hover .text-container {
  opacity: 0;
  }   

  .section-heading-large .card-title{font-size: 2.2rem; line-height: 40px;}
	.line-two::before, .line-two::after {top:2rem}
	.cross-line{margin-bottom:25px; margin-top:20px}
	.section {padding-top:30px; padding-bottom:0}
	#journey .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
	#experience .section-sub-heading .card-title {font-size: 28px; margin-bottom:25px !important;}
	.line img{margin-top:30px !important; right: -188px}
	#academic02 .line img {left: -198px;}
	#intro .arrow-tl h4{ right: -105px; top: -2px;}
	#intro .arrow-bl h4 {right: -29px; top: 29px;}
	#intro_veda .arrow-tl h4{right: 45px; top: 14px;}
	#intro_veda .arrow-tr h4 {text-align: left; left: 60px; top: 13px;}
	#intro_veda .arrow-bl h4 {right: -32px; top: 59px;}
	.world_text1 {left: 70px; margin-top: 110px;}
	.world_text2 {right: 70px; margin-top: 110px;}
	.world_text4 {right: 70px; margin-top: 108px;}
	.world_text3 {left: 50px;  margin-top: 110px;}
	#intro h4, #intro_veda h4{font-size:24px !important; line-height:1 !important;}
	#intro .arrow-bl .circle{top:26px !important}
	#intro .arrow-tl .circle{top: 11px !important;}
	#intro .arrow-tr .circle{top: 9px !important;}
	#intro .arrow-br .circle{top:10px !important;}
	#intro .arrow-tr h4 {left: -88px; top: 1px;}
	#intro .arrow-br h4 {left: -11px;top: 45px;}
	#intro_veda .arrow-br h4 {left: -20px; top: 60px;}
	#intro_veda .arrow-tl .circle, 	#intro_veda .arrow-tr .circle, 	#intro_veda .arrow-bl .circle, #intro_veda .arrow-br .circle{top:-4px;}
	#perspective .panel .panel-heading .panel-title {font-size: 24px; margin-left: 50px;}
	#perspective .panel-tabs > li > a{font-size:24px;}
	.section-top-half { padding-top:10px;}
	#perspective .panel-tabs li a.active:after{margin-top:7px;}
	#perspective .panel .panel-heading {padding: 7px 15px;}
	#perspective .panel-tabs {bottom: 53px;}
	.navbar-classic .navbar-nav .nav-item .nav-link {font-size:14px;}
	ul.social li a{font-size:14px; line-height:16px;}
	.header-classic ul.social{width: auto; padding:5px 20px;}
	#experiences a.nav-link {position: relative; padding: 20px 15px;}
	.common-section .name-tag{font-size:2rem !important}
	
}

@media screen and (min-width:1024px) and (max-width:1280px){
#slider .carousel-caption { bottom:20%;}	
#slider .carousel-indicators { bottom:0px;}
#learners .section-sub-heading:hover .text-container {
  opacity: 0;
  }   
	
}

@media screen and (min-width:992px) and (max-width:1024px){
	
/* === Header === */
.navbar-classic .navbar-nav .nav-item { margin:8px 15px;}	
.navbar-classic .navbar-nav .nav-item .nav-link {font-size: 14px;}	
	
/* === Footer === */
.footer-mobile-text a{ font-size:9px;}	
.footer-column-last{ float: none; margin-right: 0px;}	
	
.section-title h2 { font-size: 2rem; line-height: 2rem;}
.section-title-xl .display-1{ font-size:6rem; line-height:5rem;}
	
/* --- Button --- */	
.btn-default {padding: 10px 20px; font-size: 10px;}
	
/* --- Section --- */	
.section{ padding-top:50px; padding-bottom:50px;}
.section-top-half{ padding-top:50px;}
.section-bottom-half{ padding-bottom:50px;}			
	
/* === Content Styles === */
#content .caroulsel-right-auto{ padding-right: 0px!important; overflow-x: hidden;}
#content .p0{ padding-left:0px!important; padding-right:0px!important; overflow-x: hidden;}		
	
/* --- Home page --- */		
#slider .carousel-caption { bottom:20%;}
#slider .carousel-caption h1{ font-size:2rem; line-height:2rem;}	
#slider .carousel-caption h2{ font-size:2rem;}
#slider .carousel-caption h2.display-1{ font-size:4rem; line-height:4rem;}		
#slider .btn{ font-size:0.6rem;}
#slider .carousel-caption-home { bottom: 0%; top:25%; left:44%;}

/* --- Inside page --- */	
.underthhood-carousel.owl-carousel .owl-nav button.owl-prev {top:25%;}
.underthhood-carousel.owl-carousel .owl-nav button.owl-next {top:25%;}
.article-news-carousel.owl-carousel .owl-nav button.owl-prev {left:-25px;}
.article-news-carousel.owl-carousel .owl-nav button.owl-next {right:-25px;}	
.article-news.card .article-news-card-body{ min-height:315px;}
	.common-section .card-info {margin-top: 15px; padding-bottom: 15px;}
	
}

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

/* === Header === */
.header-classic ul.social li .fa {border: 1px solid #8A8D8F;}
.header-classic ul.social li a { color: #8A8D8F;}	
	
.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {color: #ffffff!important;}
	
.navbar-classic .navbar-nav .nav-item { margin:0px;}
.navbar-classic .navbar-nav .nav-item .nav-link {padding:13px 15px;}
.navbar-classic .navbar-nav .nav-item-fontsize {padding:13px 15px;}	
.navbar-classic .btn-signup {margin:10px 15px;}	
.navbar-classic ul.navbar-nav.mr-3{ margin-right:0rem !important;}	
.navbar-collapse {position:absolute; top:77px; right:100%; width:100%; transition: all 0.3s ease;  display: block; z-index:99;  background-color:#4E5051;;  padding:0%;}	
.navbar-collapse.collapsing { height:auto!important; margin-right:50%; transition: all 0.3s ease; display: block;}
.navbar-collapse.show {right:0;}
.navbar-classic .navbar-nav .nav-item .increase {margin-left: 15px!important; margin-bottom: 15px!important;}
.navbar-classic ul.social { margin-bottom: 1rem; margin-top: 1rem; text-align: left; margin-left: 10px;}	

.section-title h2 { font-size: 2rem; line-height: 2rem;}	
.section-title-xl .display-1{ font-size:5rem; line-height:4rem;}
	
/* --- Button --- */	
.btn-default {padding: 10px 20px; font-size: 10px;}		
	
/* === Footer === */
.footer-logo img{ bottom: 0px; margin-top:0px;}	
.footer-mobile-text a{ font-size:9px;}
.footer-column-last{ float: none;} 	
ul.social li{ margin-left:5px;}	
ul.social li .fa{font-size:12px;}
	
/* --- Section --- */	
.section{ padding-top:50px; padding-bottom:0px;}
	#spaces h5{font-size:22px; padding:0 30px;}
	#experience .tarkikComandSlider.mb-8 { margin-bottom: 80px !important;}
	.tarkikComandSlider .comandSlider__item.slick-slide:nth-child(even) { margin-top:0px;}
	#journey .next-arrow, #journey .prev-arrow{top:40%;}
	#experience .carousel-indicators {  right: -3%; top: 20px;}
	#academic02 .carousel-indicators {  right:46%;}
.section-top-half{ padding-top:50px;}
.section-bottom-half{ padding-bottom:50px;}
	
/* --- Section title --- */	
.section-heading .card-title{ font-size:18px; line-height:30px;}
.section-sub-heading .card-title{ font-size: 28px !important; line-height:24px;}

.section-heading-large .card-title{ font-size:32px; line-height:36px;}	
	.cross-line::before, .cross-line::after{top:1rem; display: none}
/* === Content Styles === */
#content .caroulsel-right-auto{ padding-right: 0px!important; overflow-x: hidden;}
#content .p0{ padding-left:0px!important; padding-right:0px!important; overflow-x: hidden;}	
	
/* --- Home page --- */	
#slider .carousel-caption { bottom:20%;}
#slider .carousel-caption h1{ font-size:2rem; line-height:2rem;}	
#slider .carousel-caption h2{ font-size:2rem;}
#slider .carousel-caption h2.display-1{ font-size:4rem; line-height:4rem;}	
#slider .btn{ font-size:0.5rem;}
#slider .carousel-indicators { bottom: 10px;}
#slider .carousel-caption-home { bottom: 0%; top:25%; left:45%;}
#slider .carousel-caption-home h5{ font-size:1rem;}
.slider-intro h1 { font-size: 1.5rem; line-height: 2rem;}
	
.bg-intro{min-height:auto;}	
	
/* --- Inside page --- */	
.underthhood-carousel.owl-carousel .owl-nav button.owl-prev {top:20%;}
.underthhood-carousel.owl-carousel .owl-nav button.owl-next {top:20%;}
.article-news.card .article-news-card-body{ min-height:300px;}	
.contact-card .banner-overlay{ position: relative!important;}	
.hooditem .hooditem-info{position: relative; bottom:5px; left: 0px; padding:2rem 1rem; background-color: #fff; box-shadow: none!important; text-align: center;}	
	#experience .card-body{padding: 3rem!important;}
	.line img{margin-left: -150px;  position: relative; width:90%; }
	.tarkikComandSlider .slick-prev{left:-40px;}
	.tarkikComandSlider .slick-next{right:-40px;}
	#academic02 .line img {left: 51px;}
	#journey .next-arrow{right:30px;}
	#journey .prev-arrow {display: block !important}
	.tabbing div.w-50{font-size:22px; padding:10px 20px;}
	.cross-line { margin-top: 20px;   margin-bottom: 30px;}	
	#contact-form .cross-line { margin-top: 40px;}
	#perspective .panel-tabs > li > a{font-size:24px;}
	.tabbing .tabbing-content p { font-size:24px;   padding: 50px !important}
	.menu-bar li{padding:15px; font-size:18px;}
	.inside-heading {font-size: 35px !important;}
	.section-heading-large.inside-heading::before, .section-heading-large.inside-heading::after{display: none;}
	.common-section .name-tag { font-size: 1.6rem!important;}
	.longEnough {height: 150px;}
	.common-section .inside-heading h3{font-size:1.2rem !important}	
	#experiences a.nav-link {position: relative; padding: 17px 10px; border-radius: 0px !important;  border: 0px; font-size: 1.1rem;}
	#experiences .tab .nav-tabs li.bg-peach a { margin-top: 30px !important;}
		.common-section .card-info {margin-top: 10px !important; padding-bottom: 10px !important;}
}
@media screen and (min-width:992px){
	.mob-open{display: none}
	.mob{display:none}
	.section-heading-large .card-title{letter-spacing: 10px; line-height:60px}
	

}
@media screen and (max-width:991px){
	header{position: relative}
	.navbar-classic.navbar {padding: 7px 0px; height: 82px;}
	.navbar-brand img {height: 60px!important; margin-left:25px;}
	.middle-bar, .top-bar, .bottom-bar { background-color: #E6CC8F !important;}
	.navbar-classic ul.social{ margin-bottom:1rem; margin-top: 1rem; text-align: left; margin: auto; display: none}	
	.navbar-classic .nav-item:first-child{margin-top:5px !important}
	.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {border-top: 1px solid rgb(255 255 255 / 20%); color: #ffffff; margin-top: -5px;}
	.navbar-classic {background-color: #232F5F; position:relative; top:0px; border-radius:0px; padding-left:0px; padding-right:0px;-webkit-box-shadow:none; -moz-box-shadow:none;box-shadow:none; margin-bottom: 0px;}	
	.navbar-collapse { position: absolute; top:82px; width: 100%; display: block; z-index: 99; background-color:#232F5F; overflow: scroll!important;left:0; padding-bottom:0px;}
	.navbar-classic .navbar-nav .nav-item { margin:0px;}
	.navbar-classic .navbar-nav .nav-item .nav-link {padding:20px 30px; color: #ffffff;}
	.dropdown-item{padding:15px 30px;}
	.dropdown-item:last-child{border:0;}
		.navbar-classic .navbar-nav .nav-item .nav-link:hover::before, .navbar-classic .navbar-nav .nav-item .nav-link.active::before {border-color:rgb(255 255 255 / 20%);}
		.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu{padding-bottom:0px; margin:-1px 0px}
		.navbar-classic .dropdown-toggle::after {color: #fff!important; font-weight:500!important; font-size:30px!important;}		
		.navbar-classic ul.navbar-nav.mr-3{ margin-right:0rem !important;}
		.mega-dropdown { position: unset; display: flex !important; flex-direction: column;}
		.product-navimg{display: none}
	.navbar-classic .navbar-nav .nav-item .nav-link{justify-content: start; width:100%}
	.navbar-classic .dropdown-toggle::after { content: "\f107"; color:#E6CC8F !important; font:normal 14px/1 FontAwesome;     position: absolute;  right: 30px;  margin-top: 15px;}
	.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu{background-color:#232F5F;}
	.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid rgb(255 255 255 / 25%);}
	.mega-dropdown-menu{padding-top:0px; padding-bottom:0;}
	.desk{display: none;}
	.mob-open{background: #E6CC8F; padding:18px 0px; text-transform: uppercase;  width:100%; color:#232F5F; display:block; text-align: center; font-size:20px;}
	.banner-overlay-mob .section-heading-large .card-title{font-size:40px; margin-bottom:5px; line-height:50px}
	.section-heading-large h3 {font-size: 1.2rem;}
	.tabbing div.w-50 {background: #232F5F; color: #ffffff;      border: rgb(255 255 255 / 10%) 1px solid;  padding:0 15px; height:70px;   font-size: 28px; align-items: center;  display: flex; justify-content: space-between; text-align: left}
	.tabbing div.w-50.active{background:#E6CC8F; color:#232F5F;}
	.tabbing div.w-50.active::after{content: url("../images/icons/minus-blue.png")}
	.tabbing div.w-50::after{content: url("../images/icons/plus-yellow.png")}
	.tabbing .tabbing-content{text-align: left; padding:0}
	.tabbing .tabbing-content p{margin-bottom:0; display: none; padding:15px 25px;}
	#perspective .panel-tabs > li { margin-bottom: -10px;}
	#perspective .panel-tabs{bottom:auto;}
	#perspective .panel .panel-heading{padding: 5px !important;}
	#perspective .panel .panel-heading .panel-title{padding:10px; width:100%;font-size: 1.8rem; text-align: center}
	#perspective .panel .panel-heading .w-50{width: 100% !important; float: none}
	#perspective .panel-tabs > li{font-size:0.90rem;}
	#perspective .panel-tabs li a.active::after{top:0px !important;}
	#perspective .tab-pane .copy-tab{background-position:left center; padding: 15px; top: 25%; position: static; font-size:1.5rem; line-height: 1.2; max-width:60%}
	#perspective .tab-pane .copy-tab div{margin-top: 10px;}
	#perspective .panel-tabs > li > a > img{display: none}
	#perspective .tab-pane{height:200px !important;}
	#perspective .tab-pane.active { height: 300px !important;  align-items: center;  display: flex; background-position:left !important}
	#perspective .tab-pane .copy-tab a { padding: 12px 20px; font-size: 1rem;   margin-top: 15px;}
	#experiences .quote::before, #experiences .quote::after{display: none}
	#experiences a.nav-link {position: relative; padding:20px 10px; border-radius: 0px !important;  border: 0px; font-size: 1.2rem;}
	.container-fluid.common-section{padding-left:15px; padding-right:15px}
	#experiences .tab .nav-tabs { border-bottom: 0 none;   margin-top: 25px;  margin-bottom: 25px;  border: #232f5f 1px solid;  padding: 10px 50px 11px 50px;}
	#experiences .tab .nav-tabs li.bg-peach { background: #E6CC8F; margin-top: -20px; margin-bottom: -20px;}	
	#experiences .tab .nav-tabs li.bg-peach a { margin-top: 24px;}
	.common-section .card-info { margin-top: 35px;  padding-bottom: 34px;}
	#contact-form .container-fluid{padding-left:15px; padding-right:15px;}
	#contact-form.section{padding-top:30px;}
	#header .nav-link br{display: none}
	.blue-section { padding: 3rem 1.5rem !important;}
	.navbar-classic .navbar-nav .nav-item{align-items:flex-start}
	.mouse-container{display: none !important}
}
@media screen and (max-width: 767px){
html { font-size:14px; }	

/* === Header === */
header{position: relative;}

.header-classic ul.social{ margin-left:20px;}		
.header-classic ul.social li{ margin-left:5px;}
.header-classic ul.social li .fa {border: 1px solid #8A8D8F;}
.header-classic ul.social li a { color: #8A8D8F;}	
	.fixed-header{position: relative !important; z-index:999}	
.navbar-toggler .top-bar{background-color: #E6CC8F !important;}
.middle-bar, .top-bar, .bottom-bar{background-color: #E6CC8F !important;}

.navbar-brand img { max-width:100%!important; height:60px!important; margin-left: 15px;}
.navbar-classic.navbar {padding:7px 0px; height:82px;}	
	.navbar-classic .dropdown-toggle::after{margin-top:-4px;}

/*.navbar-collapse {position:absolute; top:65px; right:100%; width:100%; transition: all 0.3s ease;  display: block; z-index:99;  background-color:#0B2D74; padding:0%;}	
.navbar-collapse.collapsing { height:auto!important; margin-right:50%; transition: all 0.3s ease; display: block;}
.navbar-collapse.show {right:0;}*/	
.mega-dropdown-menu	.col-xl-10, .mega-dropdown-menu	.col-lg-12, .mega-dropdown-menu	.col-md-12{ padding-left: 0px; padding-right: 0px;}
.mega-dropdown-menu {width: 100%; position: absolute; top: 60px; margin: 15px 0px; background-color:#232F5F !important; padding:0px 0px;}
.mega-dropdown-menu ul{ padding-left: 30px; padding-right: 30px;}	
.mega-dropdown-menu .menu-title {font-size:14px; line-height:21px; border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;
	border-top: 1px solid rgb(255 255 255 / 20%);}

	.navbar-classic .navbar-nav .nav-item:first-child{border:0px;}
/* === Footer === */	
.btn-border-full{ width: 100%!important;}
ul.social{ float: none; text-align: center;margin-top: 10px;} 

/* --- Section --- */	
.section{ padding-top:40px; padding-bottom:0px;}
.section-top-half{ padding-top:35px;}
.section-bottom-half{ padding-bottom:50px;}	
	
/* --- Section title --- */	
.section-heading .card-title{ font-size:18px; line-height:30px;}
.section-sub-heading .card-title{ font-size: 16px; line-height:24px;}
.section-heading-large .card-title{ font-size:1.2rem; letter-spacing: 3px;}
.cross-line{width:100%;}
.cross-line::before, .cross-line::after {width: 5%;top: 0.6rem;   display: none}
.line-two::before, .line-two::after {width: 15%; display: none}

/* --- Button --- */	
.btn-default {padding: 10px 20px;}	
	
/* === Content Styles === */
#content .caroulsel-right-auto{ padding-right: 0px!important; overflow-x: hidden;}	
#content .p0{ padding-left:0px!important; padding-right:0px!important; overflow-x: hidden;}	
	.navbar-classic .navbar-nav .nav-item .nav-link {display: inherit; justify-content:unset;}
/* --- Home page --- */	
#slider .carousel-caption { bottom:5%; left: 0px; right: 0px; text-align: left; padding:15px 20px;}
/*#slider .carousel-caption { background-color: #191919; width: 100%; bottom: 0px; left: 0px; right: 0px; position: relative; text-align: left; padding:15px 20px;}*/
#slider .carousel-indicators { bottom: 10px; justify-content: center;}	
#slider .btn{ font-size:0.8rem; margin-top:5px; margin-bottom: 30px;}
#slider .btn-inside{ margin-bottom:10px;}		
#slider .carousel-caption h2{ font-size:1.5rem;}
#slider .carousel-caption .text-break{ display:inline;}	
#slider .carousel-caption.partner-caption-banner{bottom:0px;}
#slider .carousel-caption.partner-caption-banner > .text-punhline{ padding-left:0px; text-align: center;}	
#slider .btn-border { padding: 10px 20px;}
#slider .carousel-caption.ministry-logo{text-align: center!important;}	
#slider .carousel-caption img.ministry-logo{max-width:70%; float: none; margin:0 auto;}	
.mobile-banner-masthead{display: block!important;}
.desktop-banner-masthead{display: none!important;}
	
#slider .carousel-caption-home { position: relative; bottom:0%; left:0%;}	
#slider .carousel-caption h1{ font-size:2.5rem; line-height: 2.5rem;}
#slider .carousel-caption h2.display-1{ font-size:4rem; line-height:4rem; letter-spacing:0rem; text-transform: uppercase;}
	
.slider-intro h1{ font-size:21px; line-height:36px; font-weight: bold; letter-spacing: 1px;}
	
.scroll-down-info{ margin: auto; margin-bottom:100px;}
	
.banner-overlay{position: relative!important;}	
.banner-overlay-mob{position: absolute!important;}
/*.banner-overlay-mob .banner-content { position: absolute; bottom: 0px!important; padding: 10px;  margin: auto;  left: 0px; right: 0px;}*/	
.banner-overlay-mob	.section-heading-large .card-title { font-size:25px; line-height:25px; text-shadow: 4px 0px 26px rgba(0,0,0,0.65);}
.banner-overlay-mob	.section-heading-large .card-title.inside-heading { font-size:18px; line-height:20px; text-shadow: 4px 0px 26px rgba(0,0,0,0.65);}

.section-heading-large h3 {font-size: 14px; letter-spacing: 3px; line-height: 1.3;}
.banner-overlay-mob .banner-content-top{ margin-top: 5%!important;}	
.banner-overlay-mob .banner-content-top .card-title{font-size: 21px; line-height: 36px;}	

.bg-intro{min-height:auto;}
	
.zero-emissions-card .banner-overlay{ display: block!important; position: absolute!important;}
.zero-emissions-card {color: #ffffff; height:72vh}
.zero-emissions-card img{height:100%;}	
.zero-emissions-card .section-heading-large .card-title{ font-size:30px; line-height:48px; font-weight: bold;}	
.zero-emissions-card .banner-content{}	
	.tabbing div.w-50{font-size:18px;}
.order-mobile-first{order: 1;}	
.order-mobile-last{order: 2;}
	
.p-1-m{padding: 1rem!important;}
.p-2-m{padding: 2rem!important;}	
		
/* === Inside page === */
	
/* breadcrumb */
.breadcrumb-section{margin-top:30px;}
.breadcrumb {font-size: 16px; line-height:21px; padding-left:25px;}	
.menu-bar {margin: 15px 0;}
	.common-section .card-info .card-text{margin-bottom:0px; font-size: 17px !important; color: #232f5f; line-height: 28px !important;}
	.common-section .card-info .mt-5{margin-top: 1rem!important;}
.features-row{ padding-left:15px; padding-right:15px;}	
.underthhood-carousel.owl-carousel .owl-nav button.owl-prev {top:20%; left:30px;}
.underthhood-carousel.owl-carousel .owl-nav button.owl-next {top:20%; right:30px;}
.underthhood-carousel.owl-carousel .owl-nav button i.fa {font-size:40px;}
.hooditem .hooditem-info{position: relative; bottom:5px; left: 0px; padding:2rem 1rem; background-color: #fff; box-shadow: none!important;}	
	.tab-content .tab-pane .card-info .uline-blue{font-size:14px !important}

#address .cta-border, #address .cta-border:hover {
    background: #fff;
    border: 5px #E6CC8F solid;
    padding: 4px 20px;
    color: #232F5F;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: 15px;
    line-height: 18px;
}



	.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item{ border-bottom: 1px solid rgb(255 255 255 / 20%);}
.section-heading-large .card-title {
  font-size: 1.5rem;  line-height:1.2; 

}	
	
	.tarkikComandSlider { margin-bottom:70px;  margin-top: 25px !important;}

#intro .bttn-click{left: 47%; right: auto; font-size:0.9rem;}	
#intro .bttn-click::before{bottom: 0px; }
.section-top-half .section-heading-large {margin-bottom: -15px;}
#intro_veda .bttn-click{left: 47%; right: auto; font-size:0.9rem;}	
#intro_veda .bttn-click::before{bottom: 0px;}
	#intro_veda .section-heading-large{    margin-bottom: -15px !important;}
.card-body-box.p-5{ padding: 0rem!important; padding-top: 2rem!important; padding-bottom: 1rem!important;}	

.cross-line{word-wrap: normal; white-space: normal;}
#perspective .panel .panel-heading .panel-title{font-size: 1.2rem; text-align: center}
#perspective .tab-pane.active { height:200px !important;}
#experience .section-sub-heading .card-title{font-size:1rem; letter-spacing: normal;}
#experience .section-sub-heading .mb-5{margin-bottom: 0.5rem !important;}
#experience .card-body{padding:5% 15% !important;}
#experience .section-sub-heading h6{font-size:0.85rem; line-height: 1.4; margin-bottom: 0px !important;}
#experience .section-sub-heading .label{width:30px;}
#experience .section-sub-heading .top-right{font-size:1rem;}
#experience .carousel-indicators{right: 7%; top:50px;}
#academic02 .carousel-indicators{left: 7%; right: auto; top:50px;}
#experience .carousel-indicators li{width: 15px; display:none}
#spaces .text-capitalize{display: block;}
#spaces .cross-line { margin-bottom: 5px;}
#spaces a.uline-blue {color: #232f5f; font-size: 14px; letter-spacing: 2px; padding-bottom: 5px;  display:inline-block; margin-bottom:15px;}
#spaces h5 {font-size: 16px;}
.tarkikComandSlider .slick-dots { position: absolute;bottom: -40px;}
	.tarkikComandSlider img{border:0;}
/*.container-fluid{padding-left:0; padding-right:0px;}*/
.label{right:15px;}
#academic02 .label{left:15px;}
.tarkikComandSlider .slick-next{right:-30px;}
.tarkikComandSlider .slick-prev{left:-30px;}
	#learners .section-sub-heading .text-container span{font-size:16px;}
#academic02 .top-right {left:6px;}
	.journey-section{margin-top:0px; padding-bottom:40px;}
.journey-section .item .text-container p{font-size: 1.3rem;}
#journey .next-arrow{top:37%;width: 40px; height: 40px; right: 2%; display: none !important}
#journey .next-arrow::after{transform: scale(0.4); top:-5px; position: relative; }
.cross-line {margin-top:0px; margin-bottom:15px;}

.tarkikComandSlider p{font-size:1.3rem;}

.glance-section .bg-glance .box::before{background: none;}
.glance-section .bg-glance .box:nth-of-type(7), .glance-section .bg-glance .box:nth-of-type(8), .glance-section .bg-glance .box:nth-of-type(9){border-bottom: 1px #E6CC8F solid;}
.glance-section .bg-glance .lg-text{font-size:3rem;}
.glance-section .bg-glance h6{font-size:16px;}
.glance-section .bg-glance p{font-size: 1.2rem;     padding-top: 0px; margin-top: -4px;}
.glance-section .bg-glance .box { padding-bottom: 15px;	padding-top: 15px;}

.contact-list li{border:none;}

	#address h5{font-size: 1.2rem; display: flex; padding-left:10px;}
#address a{font-size: 1rem;}
#address .cta-full, .cta-border{font-size:1.2rem; padding:4px 20px;}

.footer{padding-bottom: 10px;}
#footer .mb-8{margin-bottom: 2rem;}
#footer .footertext-large-link{margin-bottom: 0px; line-height: 1.2;}
footer .footertext-large-link::after{margin-bottom: 5px;}
#footer .footertext-link a::after{margin-left: 5px; margin-right: 5px;}



#experiences .tab .nav-tabs li{ width:100%; }
#experiences .tab .nav-tabs li a{
        margin:0;
        font-size:1rem;        
    }
#experiences .tab .nav-tabs li:first-child a,
#experiences .tab .nav-tabs li:last-child a{
        border-radius: 0;
    }
#experiences .tab .nav-tabs li a:hover,
#experiences .tab .nav-tabs li.active a:hover,
#experiences .tab .nav-tabs li.active a{
        margin:0;
    }
#experiences .quote h2{font-size:1.8rem;}
	#experiences .quote h6{font-size:18px;}
	#perspective .panel-tabs > li > a{font-size:16px;}
	#perspective .panel .panel-heading .panel-title{margin-left:0 !important}
	#perspective .panel-tabs li a.active:after{margin-top:-3px}
	.line img{display:none}
	
	
	.glance-section .bg-glance { padding: 30px 30px 0px;}
	.lg-text svg, .lg-text img{width:40%}
	.glance-section .bg-glance .box.box-even::before{background:#E6CC8F !important; content:'';}
	.glance-section .bg-glance .box1::before {background: #E6CC8F !important;  left: 0px;}
	.footer { background-color: #232F5F; padding: 50px 20px; color: #ffffff;}
.tarkikComandSlider .comandSlider__item.slick-slide:nth-child(even) {margin-top: 0px;}
	.tarkikComandSlider .comandSlider__item { margin: 0 5px;}
	.moments-section .tarkikComandSlider{margin-top:0px !important;}
	.journey .slick-dots {bottom: -20px; position: relative; padding-bottom: 14px;}
	.tarkikComandSlider p{padding-bottom: 0;}
	#glance { padding-bottom:0px;}
	.bg-glance .box:nth-of-type(9){border:0px !important;}
	#moments .tarkikComandSlider .slick-dots { bottom: -18px;}
	.menu-bar li{padding:15px; font-size:18px;}
	#experiences .bg-experinces{    padding: 30px 19px 0 20px; margin-top:0px;}
	#experiences .quote{padding-bottom:40px;}
	#contact-form .cross-line {margin-top: 30px;}
	#contact-form.section { padding-top: 20px !important;}
	#address h5 img {display: none}
	.academics .nav-tabs .nav-item .active{transform:none}
	.longEnough{height: 120px;}
	.insights .without-line h3{padding-left:25px;}
	#ex3-tabs-4 .accordion_head{padding:0px 25px;}
	.academics-type{margin-top:0px;}
	.academics-heading{height: auto;}
	.common-section .card-border .card-body{padding:25px !important;}
}



@media screen and (max-width: 380.99px) {
/* === Header === */	
	.nav-tabs .nav-item a{font-size:12px !important;}
}

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

}

@media screen and (min-width: 1300px) {
.video-container { position: relative; height: calc(100vh - 72px); min-height: 25rem; width: 100%;  overflow: hidden;}
.video-container video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto;  height: auto;  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);}
}

@media only screen 
and (min-width :320px) 
and (max-width : 767px) 
and (orientation : portrait) {

	.common-section .card-border{    -ms-flex-order: 13;  order: 13; }
	.menu-bar{flex-direction: column;}
	.menu-bar li{padding:15px; font-size:18px;}
	.menu-bar li:hover::after, .menu-bar li.active::after{display: none}
	.common-section .name-tag { font-size: 2rem!important;  color: #232f5f;}
	.section-heading-large.inside-heading::before, .section-heading-large.inside-heading::after{display:none}
	.nav-tabs .nav-item {float: left;  display: inline-block; width:50%;  max-width: 50%; margin-left:0; margin-bottom:0px; border: rgb(255 255 255 / 10%) 1px solid;}
	.nav-tabs .nav-item a{padding:10px 10px !important; font-size:14px !important; display: flex;     justify-content: space-between; align-items: center}
	#experiences a.nav-link.active::before{display: none}
	#experiences .nav-link::after {content: url(../images/icons/plus-yellow.png);}
	#experiences .nav-link.active::after {content: url(../images/icons/minus-blue.png);}
	.mob-p0{padding:0px !important; margin:0 auto}
	
	#experiences .tab .nav-tabs {border-bottom: 0 none; margin-top: 18px; margin-bottom: 20px;  border: #232f5f 0px solid; padding:0px; display:flex; flex-direction:column}
	#experiences .tab .nav-tabs li.bg-peach{margin-top:0px; margin-bottom: 0px;  margin-top: 0px; padding: 12px 0px;}
	#experiences .tab .nav-tabs li.bg-peach a { margin-top: 0px; color:#232f5f}
	#experiences .tab .nav-tabs li{overflow:inherit; padding: 12px 0px; background:#232f5f;}
	#experiences .tab .nav-tabs li a{color:#E6CC8F}
	.common-section .card-info{padding-bottom:0px; margin-top:0px;}
	#contact-form .container-fluid{padding-left:15px; padding-right:15px;}
	.img-size{width:50%; max-width:50%; margin:0 auto; display: flex;}
	.longEnough{height: 120px;}
	.features .features-box{border-right:0px; border-bottom:2px #E6CC8F solid}
	.features .features-box:last-child{border:0px;}
	.space .labs {padding: 50px 40px}
	.insights{padding-left:0px; padding-right:0px;}
	.academics .nav-tabs .nav-item:last-child { margin-bottom: 0;  width: 100%;  max-width: 100%;}
	.msl-0{padding-left:0px}
	.msr-0{padding-right:0px}
	
}


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
.zero-emissions-card {color: #ffffff; height:64vh}
.telematics-emissions-card{color: #ffffff; height:48vh!important}	
}}

 /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	 
	 
 }*/