@media(max-width:767px) {

	
.topBar {
	/* background:url("../images/topbar-bg.jpg"); */
	/*height: 150px;
	width: 100%*/
	/* border-bottom: 1px solid #e5e5e5; */
}
.topBar .col-lg-6 {padding: 0px 10px;}
.c3-logo {
clip-path: 
   polygon(
      100% 0,
      0% 500%,
      0% 0
    );
	height: 90px;
    width: 100%;
	padding: 2px 20px
	
}
.c3-logo img {height: 90%; }
.pwd-bar {
clip-path: 
   polygon(
      0% 0%,
      0% 100%,
      500% 0%
    ) !important;
	height: 47px;
    width: 100%;
	padding: 0px;
	float: right;
	
}
.logo-section {}
	
	.logo{ padding:0px;}
	.top-nav ul.pwdarea li:nth-child(1),.top-nav ul.pwdarea li:nth-child(2),.top-nav ul.pwdarea li:nth-child(3){ display:none;}
.top-nav ul.pwdarea {
    text-align: left;
    float: none;
    padding-right: 0;
    border-radius: 0;
}
	.navbar-inverse .navbar-toggle {
    background: #333;
}
	.edu-box,#mission-vision ul,#pillars ul,#our-prog ul,#getinvolved ul{ display:block;}
	.edu-box li{ width:100%; margin-bottom:15px;}
	#mission-vision ul li{width:100%;}
	#pillars ul li,#our-prog ul li,#getinvolved ul li{width:100%;}
	#our-prog ul li,#getinvolved ul li{ margin-bottom:15px;}
	.conttactbox{ position:relative; width:100%;}
	.footerbtm,.text-right{ text-align:center !important;}
	.primarymenu{ padding:0px; margin-top: -50px}
	.bn-label{ font-size:.9em;}
	.navbar-nav{ float:none; margin: 0px;}
	.primarymenu .navbar-inverse .navbar-nav > li > a{ padding:10px 15px; border-bottom: 1px solid #ccc;}
	.sub-arrow:before{ color:#fff; }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{ }
	.primarymenu .navbar .dropdown-menu{ padding:5px 15px;}
	.glimps-container{ display:block;}
	.glimps-container > div{ width:100%;}
	.conttactbox{ padding:0px;}
	.contentarea{ padding:10px 0px;background-image: none !important;}
	#getinvolved{ background-size:cover;}
	.bn-label{ display:none;}
	.bn-news{ left:15px !important;}
	#map .conttactbox{ padding:30px;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover{ padding-left: 15px !important;
background: #eee !important;}
	.page-id-183 .teambox{ margin-bottom:0px;}
	.page-id-183 .innertitle{ text-align:center;}
	.page-id-183 .innertitle::before{ margin:0px auto; right:0px;}
	.col-md-3.leftside{ display:none;}
	.inheading h2 {
    font-size: 1.5em;
    display: block;
    padding: 15px;
    margin-top: 0;
}
.in-banner img {
    margin: 0px auto;
    padding: 0;
	    height: auto !important;
   /* height: 87px !important;*/
}
.inheading {
    bottom: -54px;
}
	#myBtnContainer .btn {
    padding: 11px;
    font-size: 1.2rem;
    display: block;
    float: left;
    width: 50%;
    border-bottom: 1px solid #ccc;
}
	#myBtnContainer .btn.active::after {top:11px;}
	.showrow{ width:100%}
	.teambox .pic{ width:46%;}
	.legal ul{ display:block;}
	.legal ul li{width:100%;}
	.incontent{ display:block; height:auto; width:100%; overflow:hidden;}
	.page-id-93 .incontent .col-md-6{ display:table;}
	.impactiner .categories-items .contents{ position:relative;}
	.impactiner{ margin-top:0px;}

	.story {
    padding: 0px 20px;}
	.stories .owl-buttons {
    top: -77px;
    right: auto;
    left: 28%;
}
	.page-id-185 iframe{ margin-bottom:15px;}
	.sitemap{ background:none !important;}
	.teambox .pic {
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
}
	.diamond-new li:nth-child(1) .gpimg,.diamond-new li:nth-child(2) .gpimg,.diamond-new li:nth-child(3) .gpimg,.diamond-new li:nth-child(4) .gpimg {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 10px;
    border-radius: 0;
    width: 100%;
}
	.gpimg img {
    width: auto;
    display: block;
    margin: 0 auto;
}
	.gptext {
    float: none;
    width: 100%;
    padding-left: 0;
    margin: 17px auto;
    display: block;
}
.timeline .first, .timeline .third, .timeline .five, .timeline .seven, .timeline .nine {
    left: 0;
}
.timeline .container.left {
    left: 0 !important;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.timeline::after {
    width: 0px;
}
.timeline .container .date {
    position: static;
    display: inline-block;
    top: calc(9% - -24px);
    text-align: center;
    font-size: 14px;
    z-index: 99999 !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center !important;
	background: #ed711e;
    color: #fff;
    padding: 6px;    width: 100%;
    border-radius: 7px;
}
.timeline .second, .timeline .fourth, .timeline .six, .timeline .eight {
    right: 0 !important;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}
.timeline .container.right .content {
    padding: 0;
    border-radius: 500px 0 0 500px;
}
.timeline .container.right::after{
 display: none;}
.timeline .first::after, .timeline .third::after, .timeline .five::after, .timeline .seven::after, .timeline .nine::after{
 display: none;}

.first .date, .third .date, .five .date, .seven .date, .second .date, .eight .date {
    width: 100%;
}
.timeline .container .content {
    position: relative;
    text-align: center;
}
.eight .date {
    margin-bottom: 14px;
}
.timeline .container {
    border: 1px solid #ccc;
    margin-top: 13px !important;
    display: block;
    border-radius: 9px;
}
.timeline .container .content h2 {
    margin: 12px 0 10px 0;
}
.timeline .container img {
    width: 100%;
}
}
@media(max-width:640px) {
.news.rm-btn {
    background: #000000;
    padding: 1px 5px;
    margin: 8px 0 7px 0;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    display: block;
}
.dateinfo {
    background: #000000;
    padding: 1px 5px;
    margin: 0;
    color: #fff;
    border-radius: 4px;
    margin-left: 0;
    border: 1px solid #fff;
    display: block;
}
.teambox {
    min-height: 194px;
}
.footerbtm .link {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    display: block;
    width: 100%;
    overflow: auto;
    min-height: 25px;
}
.footerbtm .col-md-7 {
    display: block;
    overflow: auto;
}
}
@media(max-width:480px) {
input#s {
    width: 141px;
}
}