body{
margin:0;
padding:0;
width:100%;
/*font-family:Helvetica, Arial, Verdana, sans-serif;
font-family: 'Open Sans',Arial,sans-serif;*/
font-family: 'sans-serif','Calibri';
}

/*.rotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}*/



.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.coninfo1{
/*width:100%;*/
/*height:30px;*/
background-color:#03622d;
padding-bottom: 4px;
padding-top: 4px;
}
.coninfo1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.coninfo1 li {
  float: left;
}

.coninfo1 li {
  display: block;
  color: white;
  text-align: center;
  padding-left: 8%;
  text-decoration: none;
}
.coninfo1 li a {
  display: block;
  color: white;
  text-align: center;
  /*padding-left: 5%;*/
  text-decoration: none;
}

.coninfo1 li a:hover {
  color: #111111;
}

.navcon{
width:90%;
}
.navbar-default {
    background-color:#ffffffe8;
border-bottom:6px solid #115738;
/*box-shadow: 2px 2px 8px #c6c6c6;*/

}
.conitems{
font-size:14px;
color:#ffffff;
font-weight:bold;
}

.mysubdiv1{
width:100%;
height:300px;
background-color: rgba(244, 244, 244, 0.75);
}


.htitle1 {
	color: #434343;
	font-size: 30px;
	margin-top: 3%;
	border-left: 6px solid #010384;
	border-bottom: 1px solid #cccccc5e;
	border-radius: 5px;
}

.hcontent1{
    color: #0852a1;
    font-size: 18px;
	line-height: 40px;
	font-weight: lighter;
}




.star{
width:100%;
/*height:60px;*/
margin-bottom:5%;
}
.starimg{
height:100px;
}

  
  /*phone menu*/
  
  .navbar-default .navbar-toggle {

    border-color: #03770f;

}


.navbar-toggle {

    position: relative;
    float: right;
   /* padding: 9px 10px;*/
   padding: 11px 12px;
    margin-top: 40px;
    margin-right: 15px;
    margin-bottom: 8px;
   background-color: #03770f;

	background-image: none;

	border: 1px solid #03770f;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

    background-color: #03770f;

}

.navbar {
    border-radius: 1px;
}

/*end*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #fff;
}

.ftext {
    color: #ffffff;
    padding-top: 2%;
    padding-left: 38%;
	font-size: 16px;
	font-weight: bold;
}
.ftext11{
    color: #ffffff;
    padding-top: 2%;
	font-size: 16px;
    font-weight: bold;
}

.fter1 {
    padding-left: 18%;
}

.ftext1 {
  /* border-bottom: 2px solid #000;*/
   padding-left: 18%;
}
/*.ftext1 {
   border-bottom: 2px solid #000;
   text-align:center !important;
}*/

.mysubdiv5{
width:100%;
/*height:200px;*/
background-color:#115738;
/*background-color:#232323;*/
}

.mysubdiv6{

    background-color: #093d25;
   color:#888;
  font-weight: bolb;

}

.navbar-brand {
    float: left;
    height: 116px !important;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar {
    margin-bottom: 0px; 
}
/*btp css edit*/
.navbar-nav > li > a {
    padding-top: 26px !important;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
	/*font-family: Arial;*/
	font-size: 16px;
	/*font-family: 'sans-serif','Calibri';*/
	font-weight:600;
}



.navbar-nav {
    float: left;
    margin: 0;
    padding-top: 38px;
}

.navbar-default .navbar-nav > .active1 > a, .navbar-default .navbar-nav > .active1 > a:focus, .navbar-default .navbar-nav > .active1 > a:hover {
    color: #03622d !important;
    background-color:#fdfdfd0f !important;
	font-weight:bold !important;
}
/*end*/

.active1 {
 
  border-bottom: 3px solid #bdd22b;

}
/*end*/




.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: 600px;
}
/*end*/

/*after slider*/
.maintitles {
   text-align: center;
	font-weight: 500;
	color: #303130;
	border-bottom: 1px solid #d5d6cf;
	margin-top: 5%;
	margin-bottom: 2%;
	border-left: 5px solid green;
	border-right: 5px solid green;
	font-size: 30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.1);
	letter-spacing: 0.5px;
	width: 20%;
	align-content: center;

	margin-left: 40%;
}

.subtext {
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-top: 1%;
    margin-bottom: 1%;
}
/*end*/


/*business boxes*/
.busness-boxes {
    border: 1px solid #ccc;
    height: 380px;
	width: 23%;
	margin: 1%;
	padding: 0px;
	border-radius: 3px;
	border-bottom: 3px solid green;
}

.business-imgs {
    width: 100%;
    height: 270px;
    border-bottom: 1px solid #ccc;
   /* padding-bottom: 5%;*/
}

.business_desc-text {
    padding: 2%;
    color: #666;
   /* display:inline-block;
    width:500px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;*/
}
/*end*/

/*project boxes*/

.maintitles-project {
   text-align: center;
	font-weight: 500;
	color: #303130;
	border-bottom: 1px solid #d5d6cf;
	margin-top: 5%;
	margin-bottom: 2%;
	border-left: 5px solid green;
	border-right: 5px solid green;
	font-size: 30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.1);
	letter-spacing: 0.5px;
	width: 26%;
	align-content: center;

	margin-left: 39%;
	
}
.project-boxes {
    border: 1px solid #ccc;
    height: 320px;
	width: 23%;
	margin: 1%;
	padding: 0px;
	border-radius: 3px;
	border-bottom: 3px solid green;
}

.project-imgs {
    width: 100%;
    height: 270px;
    border-bottom: 1px solid #ccc;
   /* padding-bottom: 5%;*/
}

.project_desc-text {
    padding-top: 2%;
    color: #555;
  	 font-weight: bold;
	font-size: 16px;
	text-align: center;
}
/*end*/


/*honorable boxes*/
.achievers-con{
background-image:url(../images/stars1.jpg);
height:500px;
width:100%;
background-attachment: fixed;
}


.honorable-imgs {
 /*  width: 59%;
	height: 179px;
	border-bottom: 1px solid #ccc;
	border-radius: 50%;
	margin-left: 21%;
	margin-top: 11%;*/
  width: 100%;
height: 390px;
border-bottom: 1px solid #ccc;

margin-left: 0%;
margin-top: 0%;
padding: 1%;

}

.honorable-boxes {
    border: 1px solid #ccc;
   /* height: 320px;*/
   height:460px;
	width: 31.33%;
	margin: 1%;
	padding: 0px;
	border-radius: 3px;
	background-color: #fff;
	border-bottom: 3px solid green;
}


.maintitles-honorable {
   text-align: center;
	font-weight: 500;
	color: #303130;
	border-bottom: 1px solid #fff;
	margin-top: 5%;
	margin-bottom: 2%;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	font-size: 30px;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.1);*/
	letter-spacing: 0.5px;
	width: 20%;
	align-content: center;
	margin-left: 40%;
	
}

.hon-maintext {
    padding-top: 2%;
    color: #333;
  	 font-weight: bold;
	font-size: 16px;
	text-align: center;
}
.hon-desc-text {
   padding-top: 0%;
	color: #666;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}

/*end*/


/*mission etc*/


/*end*/

.school-crest {
    width: 32%;
    height: 110px;
    border-radius: 56px;
    box-shadow: 0 0 4px #9FF324;
    border: 1px solid #355902;
    margin-top: 3%;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #fff;
}

.mission-title{
color: #e0e0e0;
/*text-align: center;*/
font-weight:600;
font-size: 20px;
}



.missiontxt{
/*text-align: center;*/
color: #e5e5e5;
font-size:16px;
}

/*start*/
.twin_logo{
height: 210px;
padding-left:8%;
}
.main_his_com{
background-color:#115738;
height:480px;
padding-top:2%;
/*padding-left: 5%;*/

/*background-color:#fafafa;
background-image:url(../images/theme_banner.jpg);*/
/*background-image:url(../images/bgimg_his.jpg);*/
/*background-size:cover;
background-repeat:no-repeat;*/
/*background-attachment: fixed;*/
/*margin-bottom:4%;
padding-bottom:2%;*/


}
.theme_con{

border:10px solid #1F613D;
height:250px;
border-radius: 5px;
}

.main_b4{
margin-top: 10%;
}

.address_tx {
    padding-left: 10%;
}

.mysubdiv5{
width:100%;
/*height:200px;*/
background-color:#115738;
/*background-color:#232323;*/
padding-bottom:2%;
}

.foot_texts{
color:#fff;
font-size:16px;
}

.social_circle{
width: 20%;
height: 38px;
background-color: #fff;
display: block;
border-radius: 50px;
text-align: center;
padding-top: 5.5%;
float: left;
margin: 2%;
}

.quick_links {
    padding-left: 25%;
}
/*end*/

/*@media screen and (min-width: 120px) and (max-width:780px)*/

@media only screen and (min-width: 120px) and (max-width: 780px) {

.navbar-nav > li > a {
    padding-top: 10px !important;
}

 .coninfo1{
width:100%;
height:40px;
background-color:#03622d;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: 250px;
}



/*businesses*/

.busness-boxes {
    border: 1px solid #ccc;
    height: 380px;
	width: 98%;
	/*margin: 1%;*/

	padding: 0px;
	border-radius: 3px;
	border-bottom: 3px solid green;
	margin-bottom:8%;
}

.maintitles {
    text-align: center;
    font-weight: 500;
    color: #303130;
    border-bottom: 1px solid #d5d6cf;
    margin-top: 10%;
    margin-bottom: 8%;
    border-left: 5px solid green;
    border-right: 5px solid green;
    font-size: 22px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
    letter-spacing: 0.5px;
    width: 90%;
    align-content: center;
    margin-left: 4%;
}
/*end*/


/*project*/
.project-boxes {
    border: 1px solid #ccc;
    height: 320px;
	width: 98%;
/*	margin: 1%;*/
	padding: 0px;
	border-radius: 3px;
	border-bottom: 3px solid green;
	margin-bottom:8%;
}
.maintitles-project {
    text-align: center;
    font-weight: 500;
    color: #303130;
    border-bottom: 1px solid #d5d6cf;
    margin-top: 10%;
    margin-bottom: 8%;
    border-left: 5px solid green;
    border-right: 5px solid green;
    font-size: 22px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
    letter-spacing: 0.5px;
    width: 70%;
    align-content: center;
    margin-left: 15%;
}
/*end*/

/*achievers*/
.honorable-boxes {
    border: 1px solid #ccc;
    height: 320px;
	width: 98%;
	/*margin: 1%;*/
	padding: 0px;
	border-radius: 3px;
	background-color: #fff;
	border-bottom: 3px solid green;
	margin-bottom:8%;
}
.maintitles-honorable {
    text-align: center;
    font-weight: 500;
    color: #303130;
    border-bottom: 1px solid #fff;
    margin-top: 10%;
    margin-bottom: 8%;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    font-size: 22px;
   /* text-shadow: 1px 1px 1px rgba(0,0,0,.1);*/
    letter-spacing: 0.5px;
    width: 70%;
    align-content: center;
    margin-left: 15%;
}

.honorable-imgs {
    width: 59%;
    height: 170px;
    border-bottom: 1px solid #ccc;
    border-radius: 50%;
    margin-left: 21%;
    margin-top: 11%;
   /* padding-bottom: 5%;*/
}
/*end*/






/**/
.mynavbcon{
width:100%;
height:100px;
background-color:#ffffff;
box-shadow: 2px 2px 8px #c6c6c6;
/*background-color: white;*/
}

.ftext {
    color: #ffffff;
    padding-top: 2%;
    padding-left: 26%;
	font-size: 16px;
    font-weight: bold;
}

.ftext11{
    color: #ffffff;
    padding-top: 2%;
	font-size: 14px;
    font-weight: bold;
}

.fter1 {
    padding-left: 2%;
}

.ftext1 {
   border-bottom: 2px solid #000;
   padding-left: 2%;
}



.school-crest {
    width: 35%;
    height: 100px;
    border-radius: 56px;
    box-shadow: 0 0 4px #9FF324;
    border: 1px solid #355902;
    margin-top: 3%;
    margin-bottom: 5%;
}


.con3 {
    margin-top: 3%;
    margin-bottom: 6%;
    width: 100%;
}

.centered a {
    position: absolute;
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #0a0a0abf;
    color: #d1cfcf;
    padding: 1% 3%;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    width: 97%;
}

.main_his_com{
background-color:#115738;
height:400px;
padding-top:2%;
}

.main_his_com {
    background-color: #115738;
    padding-top: 2%;
    height: auto;
    padding-bottom: 5%;
}

.theme_con {
    border: 10px solid #1F613D;
    border-radius: 5px;
    padding-bottom: 5%;
    margin-top: 5%;
    height: auto;
}

.quick_links {
    padding-left: 14%;
   /* text-align: center;*/
    margin-top: 4%;
	
}

.mobile_quickL {
    padding-left: 20%;
}
.mobile_quick {
    padding-left: 20%;
    border-bottom: 1px solid #ccc;
}

.social_circle {
    width: 15%;
    height: 33px;
    background-color: #fff;
    display: block;
    border-radius: 50px;
    text-align: center;
    padding-top: 3.5%;
    float: left;
    margin: 2%;
}

.twin_logo {
    height: 160px;
    padding-left: 9%;
    padding-top: 9%;
}
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}