/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : July 15, 2020, 1:59:00 PM
    Author     : netlink
*/
@import url('https://fonts.googleapis.com/css2?family=KoHo:wght@300;400&display=swap');
html {scroll-behavior: smooth;}
body {font-family: 'Open Sans', sans-serif;  overflow-x: hidden !important;}
body #eow {font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 300; color: #6d5f4b;}
#eow p {font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 400; color: #6d5f4b; line-height: 38px; margin-bottom: 35px;}
a:hover, a:focus {
    opacity: 1;
	color: #fff;
    text-decoration: none;
}
p {font-size: 18px;line-height: 28px;font-weight: 400;}
#eow p.large {font-size: 32px; line-height: 46px;}
#eow p.large1 {font-size: 42px; line-height: 55px;}
#eow p.large2 {font-size: 52px; line-height: 64px;}
#eow p em {color: #f19847; font-style: normal;}
#eow h2 {font-family: 'PT Serif', serif; font-size: 52px; line-height: 64px; margin-bottom: 50px; color: #0e3a67; margin-top: 0px;}
#eow h3 {font-family: 'PT Serif', serif; font-size: 32px; line-height: 38px; margin-bottom: 35px; font-weight: 700;}
.text-wht {color: #fff !important;}
section {padding: 120px 0;}
section#about {
    padding: 145px 0;
}
section p:last-child { margin-bottom: 0px !important;}
.img-responsive {width: auto; max-width: 100%;}
.mb-40 {margin-bottom: 40px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-100 {margin-bottom: 100px !important;}
.mb-120 {margin-bottom: 120px !important;}
ul {margin: 0px 0 0 25px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left {color: #fff; font-size: 38px;}
.carousel-control.right, .carousel-control.left {background: none;}
#myCarousel.carousel, #myCarousel .carousel-inner, #eow #myCarousel .carousel-inner>.item {max-height: 800px;}
#myCarousel .carousel-inner>.item {background-image: linear-gradient(to bottom, rgba(249, 247, 244, 0) -6%, #f0ece5);}
.carousel-inner .vector-slider img.img-responsive {width:auto;}
.carousel .slider-indicators {position: absolute; bottom: 0px; left: 0; width:100%;}
.carousel .slider-indicators .container {position: relative;}
.carousel-caption {left: 0; right: 0; width: 100%; bottom: 90px;}
.carousel-caption h1 {font-family: 'Poppins', sans-serif; font-size: 62px; margin-bottom: 22px; background: none; padding: 0;text-transform: uppercase;font-weight: 700; }
.carousel-caption h2 {font-size: 48px; margin-bottom: 22px !important; color: #fff !important;}
.carousel-caption p {background: none;padding:0; color: #fff !important; font-size: 24px !important; font-weight: 400 !important; line-height: 40px !important;}
.carousel-inner .vector-slider .carousel-caption h1 {font-size: 80px; background: linear-gradient(to bottom, #a99f8c, #dfdcd7); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.carousel-inner .vector-slider .carousel-caption p {color:#6d5f4b !important;font-size: 26px !important;line-height: 38px !important;}
.carousel-inner .vector-slider .row {display: flex; align-items: center;}
#myCarousel .carousel-indicators {bottom: 40px; text-align: left; left: 0px; margin-left: 15px;}
.carousel-indicators li {height:15px; width:15px; border: 2px solid #fff; margin: 0; margin-right: 15px;}
.carousel-indicators .active {height:15px; width:15px;  margin-right: 15px;}

#sub-navigation {background-color:#CECECE;padding: 5px 0;z-index: 99;}
#sub-navigation .navbar {margin-bottom: 0px; min-height: auto;}
#sub-navigation .navbar-nav li a {font-family: 'PT Serif', serif; color: #1d3e6b; padding: 10px 15px; font-size: 16px; transform: skewX(0deg); -ms-transform: skew(0deg); -webkit-transform: skew(0deg);}
#sub-navigation .navbar-nav li:hover a {background: none !important;color: #1d3e6b !important;}
#sub-navigation .navbar-nav li a span {transform: skewX(0deg) !important; -ms-transform: skew(0deg) !important; -webkit-transform: skew(0deg) !important; }
#sub-navigation .navbar-nav li:hover a span{border-bottom: 2px solid #1d3e6b; margin-bottom: -3px; }

#about strong {font-family: 'PT Serif', serif; font-size: 32px;}
#about1 {line-height: 40px;}
#about2 {background-image: url('../images/computer-training-lab-bg.jpg'); background-size: cover; background-attachment: fixed; padding: 300px 0 140px;background-position: center center; background-repeat: no-repeat;}
#about2 p.large {color: #fff !important; font-size: 30px; line-height: 40px; margin-bottom: 0px;max-width: 85%;margin: 0 auto;}
#about2 h2 {font-size: 50px;color: #fff;margin-bottom: 15px;}
#about2 h2 a {color: #fff;}
#about2 h2 a:hover {color: #f1592a;}
#project {background-color: #0e3a67; color: #fff; padding-bottom: 0;}
#project h2 {color: #fff !important;}
#project p {color: #fff;}
#project .youtube-video {margin-bottom: -350px; margin-top: 50px;}
#about2.about3 {background-image: url('../images/tailoring-training-center-bg2.jpg');}
#project-objectives {padding-top: 450px; background-color: #f7f5f2;}
#project-objectives ul li {margin-bottom: 30px;}
#project-objectives .need {margin-top: 70px;}
#project-objectives .need h2 {color: #0e3a67;}
#project-objectives .need figure {box-shadow: 0 10px 25px 0 rgba(0,0,0,0.1),0 6px 30px 0 rgba(0,0,0,0.19) !important; display: table; margin-bottom: 140px;}
#project-objectives .need figcaption {font-family: 'PT Serif', serif !important; margin-top: -250px; font-size: 48px; line-height: 50px; color: #fff; width: 80%; padding-left: 55px; text-shadow: 0 1px 7px #000;}
#project-objectives .curriculum p {line-height: 32px;}
#project-objectives .curriculum li {margin-bottom: 5px;}
#project-objectives .curriculum img {margin-top: 200px;}

#coverage p {font-family: 'PT Serif', serif !important; font-size: 36px !important; line-height: 52px !important; }
#coverage .item {margin-bottom: 250px; display: inline-flex; align-items: center;}
#coverage p.large {font-size: 42px !important; line-height: 55px !important;}
#coverage .separator {height: 280px; position: relative; margin-bottom: 58px;}
#coverage .separator:before {height: 280px; border: 2px solid #d0d4e0; content: " "; position: absolute; top: 0; left: 50%; margin-left: -2px;}
#coverage .separator:after {height: 24px; width: 24px; border: 4px solid #d0d4e0; border-radius: 50px; content: " "; position: absolute; bottom: -24px; margin-left: -12px; left: 50%;}

#certificate {background-color: #fbfbfb; padding: 160px 0;}
#certificate .item {display: inline-flex; align-items: center;}

#impact {background-color: #fbfbfb;padding: 0;}
#impact h2, #curriculum h2 {font-size: 50px;color: #283891;}
#power h2 {font-size: 42px;color: #283891;margin-bottom: 20px;}
#curriculum h2{ margin-top: 0;}
#impact ul {list-style-type: none; margin: 0; padding: 0;margin-bottom: 40px;}
#impact ul li {margin-top: 30px; margin-bottom: 10px; border-left: 2px solid #F1592A;padding-left: 15px;}
#impact ul li:last-child {border-bottom: none;}
#impact ul li h2 {font-size: 32px;color: #283891;line-height: 30px; margin-top: 0px;font-weight: 700;}
#impact ul li p {font-size: 16px;line-height: 18px; margin-bottom: 0px !important;}
#impact ul li span {font-size: 16px;line-height: 18px;}
#impact ul li span strong {color: #F1592A;font-weight: 700;}
.map-content {padding: 80px 60px 100px;}
#fundamental {background: url('../images/eow-students.jpg') no-repeat center center; background-size: cover; background-attachment: fixed; height: 80vh; padding: 80px 0; display: flex; align-items: center;}
#fundamental p {font-family: 'PT Serif', serif !important; color: #fff !important; text-shadow: 0 1px 7px #000;}

#testimonials {background: url('../images/testimonials-bg.jpg') no-repeat center center; background-size: cover; background-attachment: fixed; height: 80vh; padding: 80px 0 60px; margin: 0px;}
#testimonials h2 {color: #fff;}
#testimonials h3 {color: #fff; padding: 0; margin-top: 0px; font-weight: 400; line-height: 42px;}
#testimonials cite {color: #fff; font-size: 24px;}
.testimonial .carousel-caption {top:0px;}
#testimonials .carousel {min-height: 400px; margin-top: 100px;}
#testimonials .carousel-indicators {width: 100%; margin-left: -50%; text-align: left;}

#project-sustainability {padding: 100px 0 50px; }
#project-sustainability .blue-bg {background-color: #16406b; padding: 90px 60px; box-shadow: 14px 14px 25px 0 rgba(0, 0, 0, 0.19);}
#project-sustainability h2,#project-sustainability p {color: #fff;}

#awards {padding: 0px 0 50px; }
#awards .orange-bg {background-color: #f19847; padding: 90px 60px;}
#awards .shadow {box-shadow: 14px 14px 25px 0 rgba(0, 0, 0, 0.19);}
#awards h2, #awards p {color: #fff;}
#awards figure {display: table;}
#awards figcaption {font-family: 'PT Serif', serif !important; margin-top: -170px; font-size: 48px; line-height: 50px; color: #fff; width: 80%; padding-left: 55px;}

#pledge {background-color: #99dea7; padding: 220px 0px 100px;}
#pledge h2 {color: #6d5f4b;}

#enquiry {background-color: #65ac73; padding: 80px 0px;}
#enquiry .form-group {margin-bottom: 30px;}
#enquiry label {font-family: 'PT Serif', serif !important; color: #fff; font-weight: normal; font-size: 22px; margin-bottom: 10px;}
#enquiry .form-control {background-color: transparent; border: 1px solid #fff; color: #fff; font-size: 24px; height: 46px; font-weight: 400;}
#enquiry textarea.form-control {height: auto;}
#enquiry button {font-family: 'PT Serif', serif !important; font-size: 32px;font-weight: 700; background-color: transparent; padding: 0px; color: #fff; text-transform: none; }
#enquiry button i.fa {-moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; }
#enquiry button:hover i.fa {margin-left: 10px;}

#faq {background-color: #0e3a67; padding: 120px 0px;}
#faq h2 {margin-bottom: 0px;}
#faq p a {font-size: 36px;line-height: 64px; text-decoration: underline; color: #fff;}

#beneficiaries {background-color: #fff8ec;}
#beneficiaries p {font-family: 'PT Serif', serif !important; font-size: 42px !important; line-height: 55px !important;}


/*=============== Video ===================*/
.video{float:left; overflow:hidden; position:relative; width:100%;}
.video > img{width:100%;}
.video > a{font-size:25px; height:110px; width:110px; line-height:55px; text-align:center; margin-left:-55px; margin-top:-55px; z-index:1; position:absolute; left:50%;
    top:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; color: #ffffff; font-size: 50px; border: 5px solid #fff;
    border-radius:100px!important; padding: 24px 30px;}
.video.active > a{-webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0);}
.video > a::before { color: #ffffff;/*content: "\f16a"; font-family: fontawesome;*/ font-size: 72px; line-height: 55px; text-shadow: 0 1px 7px #202020;}
.video iframe{opacity:0; height:100%; width:100%; position:absolute; left:0; top:0; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8);}
.video.active iframe{opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.video-title {font-family: 'PT Serif', serif !important; bottom: 0; left: 0; padding: 55px; position: absolute; width: 100%; font-size: 48px !important; line-height: 50px !important; margin-bottom: 0px !important; text-align: center;}
.video.style2 {z-index: 0;}
.video.style2::before {background: #000 none repeat scroll 0 0; bottom: 0; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; width: 100%; z-index: 0;}
.video-title.active {bottom: -170px;}

.modal-header {
	padding: 0;
    border-bottom: 0px solid #e5e5e5;
    min-height: 0;
}
.modal-header button.close {
	background: #fff !important;
    opacity: 1;
    text-shadow: none;
    color: #283891;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 2px solid #fff;
	right: -14px;
    position: absolute;
    top: -14px;
    z-index: 99;
	font-size: 28px;
    font-weight: 900;
}
.modal-header button.close:focus {
	outline: none;
}
.modal-body {
    padding: 0;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.video-border {
	border: 8px solid #fff;
	box-shadow: 0px 10px 25px rgb(0 0 0 / 50%);
}
/* BY Sneha Patel */
.border-left {
	border-left: 2px solid #DC7D27;
    padding-left: 25px;
}
.award-block {
	max-width: 460px;
    margin: 0 auto;
}
.award-text {
	display: inline-block;
    vertical-align: middle;
	font-size: 16px;
	color: #000;
}
.award-text h5 {
	text-transform: uppercase;
    font-weight: 700;
    margin: 4px 0 0 0;
    font-size: 18px;
    color: #000;
    line-height: 18px;
}
#about h4 {
	text-transform: uppercase;
	color: #999;
	font-size: 20px;
}
#about h2 {
	color: #283891;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 40px;
}
.w-60 {
	max-width: 60%;
    margin: 0 auto;
}
#csr-partners h3 {
	font-size: 40px;
    color: #283891;
	font-weight: 400;
	margin-top: 0;
}
.pad-0 {
	    padding: 0;
}
#curriculum {
	position: relative;
	margin-bottom: 120px;
}
#curriculum p {
	padding-top: 0px;
        font-weight: 400;
}
#csrpartners {
	margin-top: 40px;
}
.circle-img {
  	border: 8px solid #fff;
	box-shadow: 0px 10px 25px rgb(0 0 0 / 50%);
	border-radius: 50%;
}

/*
#digital {
    background: linear-gradient(to top left, #F1592A 0%, #283891 100%);
	color: #fff;
	position: relative;
	overflow: hidden;
	margin-bottom: 120px;
}
.digital-img {
  	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
}
.digital-img img { 
	width: 100%;
	height: 100%;
}
*/
.digital-bg {
    background: linear-gradient(to top left, #F1592A 0%, #283891 100%);
	color: #fff;
	position: relative;
	overflow: hidden;
	margin-bottom: 120px;
	padding: 80px;
    box-shadow: 0px 10px 25px rgb(0 0 0 / 50%);
}
#digital h4 {
	font-size: 35px;
    line-height: 45px;
}
.btn.btn-primary {
    color: #283891;
    background: #fff;
}
.btn.btn-blue {
    color: #fff;
    border: 2px solid #283891;
    background: #283891;
    transition: all 0.3s;
}
.btn.btn-blue:hover, .btn.btn-blue:focus {
    color: #283891;
    border: 2px solid #283891;
    background: #fff;
}
footer .clr-blok {
    display: none;
}
footer p {
    font-size: 13px;
}
.mt-8 {
	margin-top: 4%;
}
#inquiryForm .form-group {
    margin-bottom: 20px;
}
#digital h4 {
	font-size: 35px;
    line-height: 45px;
}
.modal .modal-content {
	padding: 80px;
	box-shadow: none;
	border: none;
	border-radius: 0;
	background-color: #fff;
}
.modal .modal-header {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
    margin-bottom: 30px;
}
.modal-body h3.f-h5 {
    display: inline-block;
    float: left;
    margin: 15px 15px 0 0;
}
#pledgeForm .modal-header {
    margin-bottom: 20px;
}
.pledge-num {
    max-width: 150px;
    height: 45px;
    padding: 0 20px;
    border: 1px solid #ccc;
    font-size: 24px;
}
.pledge-number {
    display: inline-block;
    text-align: center;
}
.pledge-number small {
    display: block;
}
#pledgeForm .modal-content {
    padding: 40px;
}
.modal-title {
	color: #283891;
}
.btn-outline {
    border: 2px solid #fff;
    border-radius: 50px !important;
    padding: 15px 56px;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	font-weight: 600;
} 
.btn-outline:hover, .btn-outline:focus  {
    border: 2px solid #fff;
    color: #283891;
	background: #fff;
} 
#curriculum h5 {
	font-size: 18px;
    font-weight: 600;
	margin-top: 30px;
}
ul {
	margin: 0px 0 30px 0px;
}
li {
	font-size: 18px;
/*    line-height: 28px;*/
}
#about p.par-first {
    margin: 30px 0;
}
#bus {
	background-image: url(../images/power-img.png);
	background-repeat: no-repeat;
	background-size: cover;
    color: #fff;
    margin-bottom: 160px;
	min-height: 650px;
	background-position: center;
}
#bus h2 {
	font-size: 50px;
}
#bus .bg-content {
	margin-top: 120px;
}
.bus-content h4 {
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 15px;
	color: #283891;
	margin-top: -15px;
}
.bus-content p {
	font-size: 16px;
	line-height: 24px;
	color: #333;
}
.bus-section {
	    position: relative;
	margin-top: 60px;
}
.bus-block {
	    position: absolute;
	display: flex;
	top: 50px;
}
.bus-content {
	     background: #fff;
        color: #333;
	padding: 0 40px 60px;
	height: 100%;
	box-shadow: 0px 10px 25px rgb(0 0 0 / 50%);
}
.bus-img {
	background: #F1592A;
    width: 95px;
    height: 95px;
    line-height: 95px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -50px;
}
/*div.white-bg .item:nth-child(2n+1) .logo-bg {
	background: #eee;
}*/
#csr-partners {
	padding: 120px 0 0;
}
#csr-partners .item {
	margin-top: 20px;
}
.white-bg .logo-name .item:nth-child(3n+1) .logo-bg {
    font-weight: 600;
    line-height: 20px;
}
.white-bg .logo-name .item:nth-child(3n+2) .logo-bg {
    font-weight: 400;
    line-height: 20px;
}
.white-bg .logo-name .item:nth-child(3n+3) .logo-bg {
    font-family: 'KoHo', sans-serif; 
    font-weight: 900;
    font-size: 17px;
    line-height: 20px;
}

.white-bg .logo-name .item {
    width: 25%;
	display: table;
        height: 50px;
}
.logo-bg {
	background: #fff;
    text-align: center; 
	font-size: 16px;
	font-weight: 600;
	min-height: 100px;
	display: table-cell;
    vertical-align: middle;
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
#testimonial {
	background-image: linear-gradient(to right, #283891 , #F1592A);
	min-height: 450px;
	color: #fff;
	padding: 80px 0;
}
#testimonial h4 {
	font-size: 40px;
    line-height: 30px;
	font-weight: 600;
}
#testimonial p {
	color: #fff;
}
#testimonial .carousel-inner {
	overflow: visible;
}

.image-block img:nth-child(2) {
	position: absolute;
    bottom: -20%;
    right: 0;
    width: 320px;
}
#testimonial img {
    position: absolute;
    top: -145px;
}
.location-icons {
	margin-top: 46px;
}
.location-icons span {
	margin-right: 40px;
	margin-left: 10px;
}
.modal-content {
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
}
.testimonial-text span {
    font-size: 16px;
    font-style: italic;
    margin-bottom: 15px;
    display: block;
}
.gray-bg {
    background: #eee;
    padding: 30px 30px;
    min-height: 570px;
}
.pr-0 {
    padding-right: 0px;
}
.pl-0 {
    padding-left: 0px;
}
h3.blue-text1 {
    font-size: 24px;
    color: #283891;
    margin-bottom: 20px;
}
section#curriculum {
    padding: 0 0 120px;
}
.tag-year {
	font-size: 14px;
	color:#283891;
}


@media only screen and (max-width: 1400px) {
    #impact img {transform: scale(1); margin-right: 0px;}
	.carousel-control-next, .carousel-control-prev {
		width: 6%;
	}
	.testimonial-text {padding-left: 30px;}
	.testimonial-img {padding-right: 30px;}
}
@media only screen and (max-width: 1199px) {
    body #eow {font-size: 22px;}
    section, section#about {padding: 80px 0;}
    #eow p {font-size: 22px;line-height: 34px;margin-bottom: 25px;}
    #eow p.large {font-size: 28px; line-height: 40px;}
    #eow h2 {font-size: 44px; line-height: 56px;margin-bottom: 30px;}
    #about strong {font-size: 28px;}
    #about .vivekananda-quote p {font-size: 46px !important; line-height: 56px !important;}
    #about2 p.large {font-size: 30px; line-height: 40px;}
    #project .youtube-video {margin-bottom: -280px;}
    #project-objectives {padding-top: 360px;}
    #project-objectives .need figcaption {font-size: 40px; line-height: 45px; width: 90%;margin-top: -190px;}
    .video-title {font-size: 42px !important; line-height: 46px !important;}
    .video > a {font-size: 35px;height: 80px;width: 80px;padding: 8px 22px;margin-left: -40px;margin-top: -40px;}
    .carousel-caption p {font-size: 26px !important; line-height: 38px !important;}
    .carousel-inner .vector-slider img.img-responsive {padding-right: 40px;}
    .carousel-inner .vector-slider .carousel-caption h1 {font-size: 68px;}
    #myCarousel .carousel-indicators {bottom: 20px;}
    #myCarousel .carousel-caption {bottom: 60px;}
    #fundamental p {font-size: 40px !important;line-height: 52px !important;}
    
    #coverage .item {margin-bottom: 180px;}
    #beneficiaries p {font-size: 36px !important; line-height: 48px !important;}
    #project-objectives ul li {margin-bottom: 20px;}
    #testimonials .carousel {margin-top: 50px;}
    #testimonials h3 {font-size: 28px;line-height: 38px;}
    .testimonial .carousel-caption {padding-bottom: 20px;}
    .testimonial .carousel-indicators {bottom: 40px;}
    #testimonials cite {font-size: 22px;}
    #project-sustainability .blue-bg, #awards .orange-bg {padding: 60px;}
    #awards figcaption {font-size: 40px; line-height: 45px; width: 90%;margin-top: -140px;}
    #csr-partners .white-bg {padding: 60px 60px 20px;}
    #sub-navigation .navbar-nav li a {font-size: 14px; padding: 10px;}
	#about2 {padding: 120px 0;}	
	#impact h2, #curriculum h2 {font-size: 40px;margin-top: 0;}
	#impact p {margin-bottom: 0;}
	.map-content {padding: 38px;}
	#impact ul li {margin-bottom: 0;}
	.w-60 {max-width: 80%;}
	#bus h2 {margin-top: -15px;}
	#curriculum {padding: 80px 0;}
	.carousel-caption h1 {font-size: 50px;margin-bottom: 15px;}
	#testimonial {overflow-x: hidden;}
	#testimonial img {top: -74px;width: 88%;}
	.testimonial-text {padding-left: 50px;}
	.bus-content h4 {font-size: 19px;}
	.bus-content {padding: 0 20px 60px;}
        .white-bg .logo-name .item {height: 120px;}
}
@media only screen and (max-width: 992px) {
    section, section#about, #about2 {padding: 80px 0;}
    #about .vivekananda-quote p {font-size: 38px !important; line-height: 48px !important;}
    .carousel-inner .vector-slider img.img-responsive {padding-right: 0px;}
    .carousel-inner .vector-slider .carousel-caption h1 {font-size: 58px;}
    .youtube-video .video-title {padding-bottom: 30px;}
    #project .youtube-video {margin-bottom: -220px;}
    #project-objectives {padding-top: 300px;}
    #project-objectives .need figure {margin-bottom: 80px;}
    #project-objectives .need figcaption {font-size: 30px; line-height: 35px; margin-top: -140px; padding-left: 40px;}
    #project-objectives .curriculum img {margin-top:0; margin-bottom: 40px;}
    #coverage p {font-size: 28px !important;line-height: 38px !important;}
    #certificate {padding: 120px 0;}
    #impact .india-map {float: none !important; margin: 0 auto;}
    #testimonials {height: 70vh;}
    .testimonial .carousel-indicators {bottom: 20px;}
    #testimonials .carousel {margin-top: 150px;}
    #awards figcaption {font-size: 30px; line-height: 35px; margin-top: -110px;}
    #csr-partners .col-sm-3 {width:25%!important;}
    #csr-partners .col-half-offset {margin-left: 0;}
    #sub-navigation .navbar-nav li a {font-size: 12px; padding:5px 5px;}
	#about h2 {font-size: 25px;line-height: 35px;}
	#about h4, p {font-size: 16px;line-height: 26px;}
	#about2 p.large {font-size: 24px;line-height: 32px;max-width: 90%;}
	#about2 h2 {font-size: 44px;}
	.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
	.w-60 {max-width: 100%;}
	#bus h2 {margin-top: 30px;font-size: 30px;}
	.map-content { padding: 60px 30px;}
	.circle-img {margin: 0 auto;}
	/*#digital {background: none;padding: 0 0 30px;}
	.digital-bg {background: linear-gradient(to top left, #F1592A 0%, #283891 100%);padding: 80px 0;margin-bottom: 50px;}*/
	.digital-bg {margin-bottom: 50px;}
	#testimonial .item {padding: 0 50px;}
	#testimonial .btn-outline {margin-bottom: 30px;padding: 12px 40px;}
	.carousel-caption h1 {font-size: 40px;}
	.carousel-caption p {font-size: 22px !important;line-height: 32px !important;}
	#testimonial img {position: relative;top: 0;max-width: 60%;}
	#testimonial img {text-align: center;}
	.image-block {margin-bottom: 180px;}
	#curriculum {margin-bottom: 0;}
	#curriculum p {padding-top: 20px;}
	.digital-bg {padding: 60px;margin-bottom: 40px;}
	.carousel-control-next, .carousel-control-prev {
		width: 7%;
	}
	.testimonial-text {padding-bottom: 20px; padding-left: 15px;}
	.bus-block {display: block;position: relative;}
	#bus .bg-content {margin-top: 0;}
	.white-bg .logo-name .item {width: 33.33%;}
	.bus-content {margin-bottom: 80px;height: 280px;}
        .location-icons {margin-top: 50px;}
        .about2-txt img {margin:30px auto 0;}
        .image-block img:nth-child(2) {right: 15px;}
}
@media only screen and (max-width: 767px) {
    body #eow {font-size: 20px;}
    section, section#about {padding: 80px 0;}
    #eow p {font-size: 20px;line-height: 30px;margin-bottom: 25px;}
    #eow p.large {font-size: 26px; line-height: 36px;}
    #eow h2 {font-size: 40px; line-height: 50px;margin-bottom: 30px;}
    #about strong {font-size: 26px;}
    #about2 {background-position: -250px center;}
    #project .youtube-video {margin-bottom: -170px;}
    #project-objectives {padding-top: 220px;}
    .youtube-video .video-title {font-size: 32px !important; line-height: 36px !important;padding-bottom: 20px;}
    #project-objectives .need figcaption {font-size: 25px;line-height: 30px;margin-top: -115px; padding-left: 30px; width: 95%;}
    #beneficiaries p {font-size: 28px !important;line-height: 40px !important;}
    #certificate .item {display: block;}
    #certificate .item .certificate {float: left!important; margin-top: 30px;}
    #impact ul li { margin-right: 20px; min-height: 232px;}
    #impact ul li:first-child span {display: block; margin-right: 0px;}
    #testimonials h3 {font-size: 24px; line-height: 34px;}
    #advanced-learning-centers img {margin-bottom: 30px;}
    #csr-partners .col-xs-4 {width:33.33%!important;}
	.award-text {width: calc(100% - 52px);font-size: 13px;}
	.award-block img {float: left;}
	.award-text h5 {margin: 8px 0 0 0;font-size: 16px;}
	#about h2 {font-size: 20px;line-height: 30px;margin: 15px 0 20px;}
	p {font-size: 15px;line-height: 25px;}
	#about h4 {margin-top: 0;}
	#about2 p.large {font-size: 20px;line-height: 30px;}
	#about2 h2 {font-size: 30px;}
	.modal .embed-responsive {margin-top: 0;}
	#impact h2, #curriculum h2 {font-size: 30px;}
	.map-content {padding: 40px 15px;}
	#impact ul li h2 {font-size: 26px;line-height: 26px;}
	#bus {padding: 70px 0;}
	#bus p {font-size: 12px;line-height: 18px;}
	/*.digital-bg {padding: 60px 0;}*/
	#digital h4 {
		font-size: 28px;
		line-height: 38px;
	}
	#testimonial .item {
		padding: 0;
	}
	.carousel a:hover, .carousel a:focus {
		    color: #283891;
	}
	.carousel-control-next, .carousel-control-prev {
    display: inline-block;
    position: relative;
		 width: 30px;
    height: 30px;
    margin-top: 30px;
		    background: #fff;
    color: #F1592A;
	}
	.carousel-control-next i, .carousel-control-prev i {
		font-size: 2em;
	}
	#myCarousel .carousel-caption p {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.carousel-caption h1 {
		font-size: 32px;
	}	
	.border-left {
    	border-left: 0px solid #DC7D27;
	}
	#myCarousel .carousel-caption {
		bottom: 30px;
	}
	#testimonial img {max-width: 90%;}
	.image-block img:nth-child(2) {width: 80%; bottom: -25%;}
	.digital-bg {padding: 30px 30px 50px;}
	#digital .btn-outline {padding: 12px 38px;}
	.modal-open .modal {
		overflow: hidden;
		height: 100%;
	}
	.modal:before {
		height: 40%;
	}
	.modal-dialog {
		display: block;
	}
	.testimonial-img {padding-right: 15px;}
	.logo-bg {font-size: 15px;}
	#bus .bg-content {margin-top: 30px;}
	.image-block img:nth-child(2) {width: 240px;}
}
@media only screen and (max-width: 576px) {
    section, section#about, #about2 {padding: 60px 0;}
    #eow h3 {margin-bottom: 25px;}
    #myCarousel .carousel-caption h1 {font-size: 26px;margin-bottom: 10px;}    
    #myCarousel .carousel-indicators {bottom: 0px;}
    #about .vivekananda-quote p {font-size: 28px !important;line-height: 36px !important;margin-top: 20px;}
    #about .vivekananda-quote p span {font-size: 24px;color: #6d5f4b; margin-top: 10px;}
    #about .vivekananda-quote img {margin: 0 auto;}
    #project .youtube-video {margin-bottom: -100px;}
    #project-objectives {padding-top: 140px;}
    .video > a {font-size: 25px; line-height: 35px; height: 52px; width: 52px; padding: 6px 13px; margin-left: -26px; margin-top: -26px; border: 3px solid #fff;}
    .youtube-video .video-title {font-size: 20px !important; line-height: 24px !important; padding: 30px;padding-bottom: 15px;}
    #project-objectives .need figure {background-color: #f19847;}
    #project-objectives .need figcaption {font-size: 20px; line-height: 24px;padding:20px 30px; width: 100%; margin-top: 0px;text-shadow:none;}
    #coverage .item {display: table;}
    #coverage .item img {margin-bottom: 30px;}
    #certificate {padding: 60px 0;}
    #fundamental p {font-size: 30px !important;line-height: 40px !important;}
    #impact ul li {width: 100%; min-height: auto;}
    #impact ul li span {margin-right: 30px;}
    #impact ul li:first-child span {display: inline-block;margin-right: 30px;}
    #impact ul li span:last-child {margin-right: 0px;}
    #testimonials {height: 90vh;padding: 60px 0;}
    #testimonials .carousel {margin-top: 50px;}
    #project-sustainability .blue-bg, #awards .orange-bg {padding: 40px 30px;}
    #awards figure {background-color: #f19847}
    #awards figcaption {font-size: 20px;line-height: 24px;padding: 15px 30px !important;margin-top: 0px; width: 100%; padding: 30px;}
    #csr-partners {padding: 60px 0 50px;}
    #csr-partners .white-bg {padding: 0px;}
    #csr-partners .col-xs-4 {width: 50%!important;}
    #pledge {padding: 200px 0px 100px;}
    #enquiry {padding: 60px 0;}
}