/*.main-nav .navbar-header.hhLogo {text-align: right; width: 15%; margin-top: 5px;}*/
/*.main-nav .navbar-header.hhLogo img {padding: 2% 12% 0;}*/
/*.topnav {display:none;}*/


.main-nav .navbar-header {
    width: 25%;
}
.hhBg{background-image:url("../HH-img/hhMain.jpg");background-repeat:no-repeat;background-size:cover;background-position:50% 100%;padding-top:53%;width:100%;position:relative;overflow:hidden;}
.sec2-content, .sec7-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.sec2-tag {padding: 22% 0;}
.sec2-content h3 {margin: 0; font-size: 2.8em; font-family: 'HelveticaNeue-Light'; color: #000;}
.sec2-content h3 span {font-family: 'HelveticaNeue-Medium';}


.sec5 {background-color: #ffffff;}
.sec5Box {padding-top: 65em;}
.sec5Box .sec5-left {width: 50%;}
.sec5-left {text-align: center; background-color: #f58e8b; padding: 40px;}
.sec5-tag h3 {margin: 0 0 30px; font-family: 'HelveticaNeue-Light'; color: #ffffff;}
.sec5-tag h3 span {font-family: 'HelveticaNeue-Medium'; border-bottom: 1px solid #000000;}
.sec5-tag p {}
.sec5Box .sec5-right {top: 8em;}
.sec5-right .tab-content {height: 40em;}
.sec5Box .sec5-right .tab-content img {width: auto; mix-blend-mode: inherit;}




.sec3 h3 {font-family: 'HelveticaNeue-Medium'; font-size: 24px; margin-bottom: 2em; text-align: center;}
.serImg {padding: 0 5%;}
.serImg img {margin-bottom: 1.5em;}
.serImg h3 {font-family: DINmedium; font-size: 21px; float: left; margin: 0; text-align: left;}
.serImg button {float: right;} 
/*.serImg button:hover{background-color:transparent;border:1px solid #ffffff;}
.serImg button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff;transition:all .2s ease;transform:scale(0.5, 1);opacity:0;}
.serImg button:hover:after{transform:scale(1, 1);opacity:1;}*/


.sec6 {background-color: #ffffff;}
.sec6Box {position: relative;}
.sec6Box h3 {font-family: 'HelveticaNeue-Light'; text-align: center; font-size: 24px; margin-bottom: 2em;}
.sec6Box h3 span {font-family: 'HelveticaNeue-Medium'; border-bottom: 1px solid #000000;}
.sec6-left {width: 80%; margin-left: -4em;}
.sec6-right {margin-left: -15em;}
.sec6-tag {background-color: #86bf85; color: #fff; padding: 3em; margin-top: 72px;}
.sec6-tag ol {padding-left: 16px;}
.sec6-tag li {margin-bottom: 15px; font-size: 17px; line-height: 1.7;}


.sec7 {padding: 0;}
.sec7-bg{background-image:url("../HH-img/Quote.jpg");background-repeat:no-repeat;background-size:cover;background-position:50% 100%;padding-top:50%;width:100%;position:relative;overflow:hidden;}
.sec7-tag {margin: 0 auto; position: absolute; bottom: 8em; left: 0; right: 0; color: #000000;}
.VivekanandaTXT {font-size: 20px; font-family: 'HelveticaNeue'; line-height: 1.2;}
.VivekanandaTXT2 {font-weight: 500; text-transform: uppercase;}


.sec8 {background-color: #ffffff;}
.sec8Box {text-align: center;}
.sec8 h3 {margin: 0 0 4em; font-family: 'HelveticaNeue-Light'; color: #000000;}
.sec8 h3 span {font-family: 'HelveticaNeue-Medium'; border-bottom: 1px solid #000000;}
.sec8-left {border-right: 1px solid gray;}
.sec8Box img {width: auto; height: 118px;}






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


/*.HHInnerBox {margin-top: 90px;}
.tag-line {
    margin: 3em 0em 5em;
    background-color: #f58e8b;
    color: #fff;
    padding: 40px 25px;
    float: left;
}
.tag-line h2 {
  margin: 0;
  font-family: 'HelveticaNeue-Bold';
  font-size: 35px;
}*/

.serContent img {max-width: 500px;}
.HHservtable {margin: 1em -2em; border-spacing: 2em 0em; border-collapse: separate;}
.HHservtable td {width: 50%; vertical-align: top; padding: 2em; display: table-cell; background-color: #f7f7f7;}
ul.listHH {font-size: 15px; padding: 0 0 0 17px; color: #3a3a3a; margin: 0 0 15px;}
ul.listHH li {margin-bottom: 5px;}
.HHcontactleft {border-right: 1px solid gray; margin-right: 4em;}



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


/*======= som1 section css ========*/
.som1-bg {
  position: relative;
  overflow: hidden;
  /*padding-top: 40%;*/
}
.som1-bg .slide-img {
  background-color: #ffffff;
  padding: 0;
  float: right;
  height: 500px;
  overflow: hidden;
}
.som1-bg .slide-img img {width: 100%; mix-blend-mode: multiply;}
.tag-line {
    position: absolute;
    top: 40%;
    background-color: #f58e8b;
    left: 1em;
    color: #fff;
    padding: 40px 4em;
}
.tag-line h2 {
  margin: 0;
  font-family: 'HelveticaNeue-Bold';
  font-size: 35px;
}
.tag-line h2 span {
    display: block;
    font-weight: 300;
    font-family: 'Roboto';
    font-size: 25px;
}
.btn-group {
  position: relative;
  /*width: 100%;*/
  margin-top: 20px;
  float: left;
  padding: 0;
}
.btn-group ul {
  padding: 0;
}
.btn-group li {
    display: inline-block;
    border: 1px solid #86bf85;
    padding: 2em 0;
    font-weight: 600;
    margin: 0 22px 1em;
    font-size: 1.1em;
    font-family: "Helvetica Neue",sans-serif;
    width: 240px;
    text-align: center;
    position: relative;
}
.som1 .btn-group li {border: 1px solid #86bf85; margin-bottom:10px; margin-left:0px;}

.btn-group li a {color: #000;}
.btn-group li:hover a {color: #ffffff;}






/*======= som2 section css ========*/
.som2 {
  padding-top: 8em;
  padding-bottom: 8em;
}
.som2 .row {position: relative;}
.left-img img {
  width: 100%;
  margin-top: 8em;
}
.right-box {
  background-color: #d2ba77;
  padding: 35px;
  color: #38221b;
  width: 30%;
  margin-left: -75px;
}
.right-box button {
  position: relative;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0px;
  color: #38221b; 
  padding: 8px 20px 5px;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
button.btn:focus, button.btn:visited, button.btn:active:focus {outline: none;}
.right-box button:hover {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #424242;
}
.right-box button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #ffffff;
  transition:all .2s ease;
  transform: scale(0.5, 1);
  opacity: 0;
}
.right-box button:hover:after {
  transform: scale(1, 1);
  opacity: 1;
}
#more {
  position: absolute;
  top: 7.4em;
  bottom: 0px;
  max-width: 848px;
  background: rgba(255, 255, 255, 0.93);
  line-height: 1.6;
  padding: 4em 5em;
  font-size: 15px;
  border: 1px solid #d7937d;
}
.right-bottom {
    display: inline-block;
    margin: 40px 0 0;
    padding-left: 20px;
}
.right-bottom h5 {
    font-weight: 300;
    font-size: 18px;
    margin: 0 0 20px;
}
.right-bottom ul {
  padding-left: 15px;
  list-style-type: disc;
  font-weight: 500;
  font-size: 14px;
  color: #9c3771;
}
.right-bottom ul li {margin-bottom: 3px;}

.EligibilityBox {
  margin: -9em auto 7em;
  background-color: #86bf85;
  padding: 3% 5% 1%;
  width: 85%;
  color: #fff;
  letter-spacing: 0.5px;
  font-size: 15px;
}
.EligibilityBox.innerBox {
  margin: 2em auto 4em;
  width: 100%;
}
.EligibilityBox.innerBox p {margin-bottom: 7px;}
h3.title {
  margin: 0 0 15px;
  /*font-size: 20px;
  font-weight: 600;
  line-height: 20px;*/
}
.missionBox {
  background-color: #f7f7f7;
  padding: 4%;
  margin-top: 15px;
}
#Activities{margin-top: 16px;}
ul.list {
  padding: 0 0 0 17px;
  font-size: 17px;
  color: #3a3a3a;
  margin: 0 0 15px;
}
ul.list li span {font-size: 16px; display: block; margin-bottom: 5px;}
.missionBox1, .missionBox2{
    /*border: 1px solid #eaeaea;*/
    padding: 0 2em 3em 2em;
}
.missionBox2 {border-top: 0px;}
.missionBox3 {padding: 4% 0% 4% 4%;}
.sci-tab-content .missionBox3 p {font-size: 16px; line-height: 1.5;}
.missionBox4 {margin-bottom: 4em;}






/*======= som3 section css ========*/
.som3 {
  background-color: #eaeaea;
  padding-top: 5em;
  padding-bottom: 5em;
  text-align: center;
}
.course-container {width: 990px;}
.som3 h3 {
  margin: 0 0 3em;
}
h3 span {
  font-weight: 600;
  font-family: 'Roboto';
}
.som3-box,.lib-box {
    /*float: none;*/
    margin: 2% 2%;
    padding: 5% 0%;
    text-align: center;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.som3-box:before, .som3-box:after {
    content: '';
    position: absolute;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border: 1px solid #d0d0d0;
    pointer-events: none;
    transition: .33s all ease;
    transition: all 0.2s ease-in-out;
}
.lib-box:before, .lib-box:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #d0d0d0;
    pointer-events: none;
    /*transition: .33s all ease;
    transition: all 0.2s ease-in-out;*/
}
#exampaper .som3-box img,.lib-box img{ max-width: 120px !important; }

.som3-box:before,.lib-box:before {top: 0; left: 0; border-width: 1px 0 0 1px;}
.som3-box:after,.lib-box:after {bottom: 0; right: 0; border-width: 0 1px 1px 0;}
.som3-box:hover {padding: 3.2% 0%;}
.som3-box:hover:before, .som3-box:hover:after,.lib-box:hover:before, .lib-box:hover:after  {
  width: 100%; 
  height: 100%; 
  border-color: #86bf85; 
  transition: all 0.2s ease-in-out;
}
.som3-box hr, .lib-box hr {
    border-top: 1px solid #d0d0d0;
    width: 50px;
    margin: 20px auto;
    transition: all 0.2s ease-in-out;
}
.som3-box:hover hr {
    width: 140px;
    margin: 40px auto;
    transition: all 0.2s ease-in-out;
}
.lib-box:hover hr {
    width: 140px;

    transition: all 0.2s ease-in-out;
}
.lib-tab>a
{
    padding:5px;
}
.lib-tab>a:hover
{
    font-weight:600;
    color:black;
}
.som3-box h5, .som3-box h5 a {
  font-size: 18px;
  margin: 0;
  color: #000;
  font-family: "DINmedium";
}
.som3-box h5 a:hover {text-decoration: none;}
.facultyImg {
  width: 140px;
  height: 140px;
  margin: 0 auto 30px;
  display: block;
  border: 1px solid #dadada;
  /* border-radius: 50%; */
  position: relative;
  overflow: hidden;
}
.som3-box img {width: 100%; max-width: 120px;}


.som3-box b {font-size: 18px; color: #b11117;}
.som3-box i {color: #636363; font-size: 16px;}






/*======= gnm section css ========*/
.gnm-bg {
  position: relative;
  overflow: hidden;
  /*padding-top: 40%;*/
}
.gnm-bg .slide-img {
  /*position: absolute;*/
  float: right;
  top: 0;
  right: 0;
  height: 500px;
  overflow: hidden;
  padding: 0px;
}
.banner-img {
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 1s ease-in-out;
}
.gnm-bg .slide-img img {width: 100%; margin-top: -35px;}

.gnm-bg .gnm-tabs {
    position: absolute;
    top: 10%;
    left: 3em;
    color: #fff;
}

.gnm-tabs ul {border: 0px;}
.gnm-tabs li {
    float: none;
    border: 2px solid #86bf85;
    background-color: #86bf85;
    padding: 5px 20px;
    margin-bottom: 10px;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.gnm-tabs li.active {
    background-color: #86bf85;
    padding: 10px 20px 10px;
}
.gnm-tabs li a {
    color: #ffffff;
    background-color: #86bf85;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border: 0px;
    font-family: "Roboto";
    transition: all 0.2s ease-in-out;
}
.gnm-tabs li.active a, .nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: white;
    border: none;
    margin-top: 0px;
    background-color: #86bf85;
}
.gnm-tabs li img {
    display: none;
    transition: all 0.2s ease-in-out;
}
.gnm-tabs li.active img {
    display: block;
    width: 120px;
    margin: 0 auto;
}
.gnm-tabs li.active a:focus,
.gnm-tabs li.active a:hover,
.gnm-tabs li a:focus,
.gnm-tabs li a:hover {
  border: 0px;
  padding: 10px 15px;
  background-color: transparent;
}





.gnm2 {padding: 5em 0;}
.gnm2-content {margin-left: 16.66%;}
.gnm-tab-content {
  line-height: 22px;
  font-size: 15px;
  /*padding-right: 50px;*/
}
/*.gnm-tab-content p {font-size: 17px; line-height: 1.4;}*/
.gnm-tab-content button, .form-box button {
    background-color: transparent;
    color: #000;
    border: 1px solid #86bf85;
    border-radius: 0px;
    padding: 8px 30px;
    font-weight: 600;
    font-size: 0.9em;
    /*margin-top: 30px;*/
    box-sizing:border-box;
    transition:all .2s ease;
    position: relative;
}
.cl_bc_btn{ float: right;right: 65px;position: absolute; margin-top: -20px; }
.gnm-tab-content button:hover, .form-box button:hover,
.gnm-tab-content button:hover, .form-box button:hover {
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #86bf85;
}
.gnm-tab-content .collapse h3 {
    font-size: 18px;
    margin: 40px 0 25px;
    letter-spacing: 0.3px;
}




.btn-group li:after,
.gnm-tab-content button:after,
.form-box button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #86bf85;
  z-index: -1;
  transition:all .2s ease;
  transform: scale(0.5, 1);
  opacity: 0;
}
.som1 .btn-group li:after {background-color: #86bf85;}
.btn-group li:hover:after,
.gnm-tab-content button:hover:after,
.form-box button:hover:after {
  transform: scale(1, 1);
  opacity: 1;
}
/*.gnm-tab-content button.active, .gnm-tab-content button:active*/






.form-box, .programme {
  border: 1px solid #86bf85;
  padding: 20px;
  margin-bottom: 30px;
}
.form-box h4, .programme h4 {
  text-align: center;
  font-size: 16px;
  font-family: "Helvetica Neue",sans-serif;
  font-weight: 600;
  margin: 0 0 20px;
}
.form-box input, .form-box select, .form-box textarea {
    width: 100%;
    padding: 6px 15px;
    font-size: 13px;
    border: 1px solid #eaeaea;
    color: #757575;
}
.form-box input:-moz-placeholder,
.form-box textarea:-moz-placeholder {color: #757575; font-size: 13px; letter-spacing: 0.5px;}
.form-box input::-webkit-input-placeholder,
.form-box textarea::-webkit-input-placeholder {color: #757575; font-size: 13px; letter-spacing: 0.5px;}
.programme ul {
    padding-left: 20px;
    list-style-type: disc;
}
.programme li {
    padding: 4px 0;
}
.programme li a {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.4px;
}
.programme li img{width: 120px;}









/*======== Footer css =========*/
.footer-top {
  background-color: #fdcebf/*#d7937d*/;
  padding: 25px 0 15px;
}
.footer-logo img {margin-bottom:15px;width:165px;}
.address td {
    vertical-align: top;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #000;

}
.address td span {
  font-size: 16px;
    display: block;
    margin-right: 8px;
    color: #4a281e;
    line-height: 1.5;
}
.quick-links, .social-links {margin-top: 10px;}
.footer-top h5 {
  margin: 0 0 15px;
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.5px;
  font-family: "DINmedium";
}
.footer-top p {font-size: 14px; margin-bottom: 5px; line-height: 1.5;}
.footer-top ul {
  padding-left: 0px; 
  list-style-type: none;
}
.footer-top ul.left{float: left;}
.footer-top ul.right{float: right;}
.footer-top ul li {
  padding: 5px 0;
}
.footer-top ul li a {
  color: #000;
}

.social-links span {
    border: 1px solid black;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 7px 0;
    transition: all 0.2s ease-in-out;
}
.social-links li:hover span {
  border: 1px solid #ffffff;
  color: #fff;
}
.social-links ul.flx li {
    display: inline-flex;
}

.footer-bottom {
    background-color: #e0d9ca;
    font-size: 12px;
    text-align: center;
    padding: 10px 0;
    line-height: 1;
}








/*faculty*/
.FacultyDetail {margin: 0px 0;}


.eventContent p {font-size: 17px; line-height: 1.5;}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
#slider .carousel-control {
    top: 40%;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 40px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
#slider .carousel-control.left {left: 1%;}
#slider .carousel-control.right {right: 1%;}
#slider .carousel-control.left:hover,
#slider .carousel-control.right:hover{
    color: #fdfdfd;
    border: 0px transparent;
}
#slider .carousel-control.left>span {left: 45%;}
#slider .carousel-control.right>span {right: 45%;}




.box{
    
    margin: 2% 7%;
    width: 18%;
    padding: 5% 0%;
    text-align: center;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.box:before{
    content: '';
    top: 0;
    left: 0;
    border-width: 1px 0 0 1px;

    position: absolute;
    width: calc(100% - 0px);
    height: calc(100% - 35px);
    border: 1px solid #d0d0d0;
    pointer-events: none;
    transition: .33s all ease;
    transition: all 0.2s ease-in-out;
}
.box hr {
    border-top: 1px solid #d0d0d0;
    width: 50px;
    margin: 20px auto;
    transition: all 0.2s ease-in-out;
}

.res-ul{
    padding-left: 0;
    margin-top: 4vh;
    list-style: none;
    display:flex;
}
.res-ul:before{
    display: table;
    content: " ";
}
.res-ul>li {
    float: left;
    margin-bottom: -30px;
}
.res-ul>li>a {
    line-height: 1;
    border: 0.05vw solid #f58e8b;
    color: #000;
    border-radius: 0;
    margin: 0 1.12vw 0 0;
    padding: 1vw 1.45vw;
    font-size: 1vw;
    background-color: #fff;
    /* color: black; */
    font-weight: 500;
}
.res-ul>li.active>a{
    color: #555;
    cursor: default;
    background-color: #f7f7f7;
    border: 0.05vw solid #f58e8b;
    border-bottom-color: transparent;
    color: black;
}



.res-ul>li.active>a:after{
    clear: both;
}
.printTabContent {
    border: 0.05vw solid #86bf85;
    padding: 2vw;
    background-color: #f7f7f7;
    margin-top: 4.5%;
}
.printTabContent>.tab-pane{
    display: none;
}
.printTabContent>.active {
    display: flex;
    background-color:#fff;
}

.fp-inlineblock>.active{
        display: inline-block !important;
        width: 100%;
}
.btn-group li:hover{
    background-color:#86bf85;
}
.printTabContent .group2{
    width:80% !important;
    margin:auto;
}
.printTabContent .group2 li{
    margin-bottom:0.5vh;
}
.som3-box img {
    max-width: 70px !important;
}
table {
    border-color: #ffffff5e;
    width: 100%;
}
td, th {
    padding: 10px;
    border-color: #dedede;
    padding: .625em;
}

.btn-group li.active{
    background-color:#86bf85;
    color: #fff;
}
.btn-group li.active a{
    color: #fff;
}

.printTabContent table{ background-color:#fff; }
.othbtn{ margin-left: 15px; margin-bottom: -41px;}

.cl-span1{ font-size:2em; }
.vl {
    border-left: 1px solid gray;
    height: 75px;
    position: absolute;
    margin-left: -14px;
}
.cl-par{ line-height: 1 !important; }


.lib-table {
    border: 1px solid #dedede;
}
.lib-table td{
    border: 1px solid #dedede;
}


/*table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}*/

.main-outer .row{ margin-left: 4px !important ; }

.main-outer:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #ccc;
}

li span { font-weight: normal; }

.fp-ol li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    padding-top: 3px;
}
.main-nav .navbar-brand>img {width: 200px;}
@media only screen and (min-width:1400px) {
	.sec2-tag {padding: 26em 0;}
	.sec7-bg {padding-top: 37%;}
}

@media only screen and (max-width:1030px) {
  .main-nav .navbar-header {width: 40%;}
  .btn-group li {width: 200px;}
  .som2 {padding-top: 4em; padding-bottom: 4em;}

  .left-img {overflow: hidden;}
  .left-img img {width: 120%;}
  #more {width: 98%; max-width: 848px; padding: 2em 5em 2em 2em;}
  .EligibilityBox {margin: -10% auto 7%;}
  /*.som3-box img {max-width: 100px;}*/
  .som3-box h5 a {font-size: 15px;}
  .footer-logo img{width:170px;}
  .footer-top p, .footer-top h5{font-size:12px;}
  .footer-top ul li{padding:5px 0;font-size:13px;line-height:1.3;}

  .sec5-left {padding: 25px}
  .sec6-left {width: 75%;}
  .sec5Box .sec5-right {top: 10em;}
  .sec7-tag {bottom: 2em;}
  .VivekanandaTXT {line-height: 1.3;}
  .sec8Box img {height: 100px;}
  .HHcontactleft {margin-right: 1em;}
}
@media only screen and (max-width:768px) {
  .header {display: block !important; position: relative;}
  .nav-link {display: none;}
  .main-nav .navbar-header.hhLogo {width: 20%; margin-top: 1em; margin-right: 4em; float: right !important;}
  .topnav {display: block; position: absolute; right: 0em; top: 3em; left: 0em;}
  .topnav button {float: right; margin: -1em 2em 1.2em 0em;}
  .topnav ul#Mmenu {background-color: #d7937d; width: 100%; padding: 1em;}
  .topnav ul#Mmenu li a {padding: 1em; text-align: right;}
  .sec5Box {padding-top: 0;}
  .sec5Box .sec5-left {width: 80%; margin: 0 auto;}
  .sec5Box .sec5-right {top: -10em; margin-bottom: 0;}
  .serImg {padding: 0;}
  .sec6-left, .sec6-right,.sec7-tag {width: 100%; margin: 0 auto;}
  .sec6-tag {width: 80%; margin: -10em auto 0;}
  .sec6-tag li {font-size: 15px; line-height: 1.5;}
  .VivekanandaTXT {font-size: 1.3em;}
  .sec8 h3 {margin: 0 0 2em;}
  .sec8Box img {height: 80px;}
  .sec8-left {margin-left: 8em;}
  .HHcontactleft {margin-right: 1em; width: 35%; margin-left: 6em;}
  /*.c-menu--push-right {width: 250px;}
  .mobile-tabs {display: block;}
  .navbar-nav {margin: 0;}
  .mobile-tabs ul.navbar-nav {float: none; margin: 0;}
  .mobile-tabs li {float: none; width: 100%; border-bottom: 1px solid #636363;}
  .mobile-tabs li a {padding: 10px 15px; color: #fff; letter-spacing: 1px; font-size: 14px;}
  .navbar>.container .navbar-brand {margin-left: 0;}
  .main-nav .navbar-header {width: 32%;}
  .som1 .container, .som2 .container {padding-right: 0;}
  .som1-bg .slide-img {height: auto;}
  .tag-line h2 {font-size: 25px;}
  .tag-line h2 span {font-size: 20px;}
  .tag-line {padding: 30px 25px; left: 1em;}
  .btn-group li {width: 170px; margin: 0 10px; font-size: 0.9em;}
  .right-box {width: 40%; padding: 30px; margin-left: -15%;}
  .left-img img {margin-top: 4em;}
  #more {width: 97.5%; top: 3.6em; padding: 1em 8em 2em 1em;}
  #more p {font-size: 12px; margin-bottom: 10px; line-height: 1.45;}
  .right-bottom { margin: 3em 0 0; width: 35%; position: absolute; right: 0; top: 100%;}
  .EligibilityBox {margin: 3em auto 4em 0;}
  h4, .h4 {font-size: 17px;}
  .EligibilityBox p {font-size: 14px;}
  .h3, h3 {font-size: 20px;}
  .missionBox {margin-left: 15px;}
  .missionBox1, .missionBox2 {margin-top: 30px; margin-left: 5%;}
  .missionBox2 {margin-top: 10px;}

  .bba1-bg .sci-tabs {left: 0; padding-left: 15px;}
  .sci-tabs li {margin-bottom: 5px;}
  .sci-tabs li.active img {width: 100px;}
  .sci-tabs li a {font-size: 15px; line-height: 1; padding: 5px 0px;}
  .sci-tabs li.active {padding: 20px 20px 10px;}
  .sci-tabs li.active a:focus, .sci-tabs li.active a:hover, .sci-tabs li a:focus, .sci-tabs li a:hover {padding: 10px 0px;}
  .sci-tabs li.active a {margin-top: 10px;}
  .bba2-content {margin-left: 0;}
  .sci-tab-content {padding-right: 0;}
  .sci-tab-content p {font-size: 15px;}
  .EligibilityBox.innerBox {margin: 0em auto 2em;}
  .bba2 {padding: 4em 0;}
  
  .lib-table {border: none;}
  .lib-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .lib-table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .lib-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    border-bottom:1px solid #dedede;
  }
  
  .lib-table td::before {
    content: attr(aria-label);
    
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .lib-table td:last-child {
    border-bottom: 0;
  }
  
  .printTabContent{
     margin-top: 7.4%; 
  }
  
  .row.cl-outer{ display:flex; }
  
  .vl {
    border-right: 1px solid gray;
    height: 53px;
    margin-left: 100px;
    position: absolute;
  }

  .lcm-btn{ margin-top: 76px !important; }
  .lbm-title{ margin: 0 0 42px !important; }*/
  
}
@media only screen and (max-width:736px) {
  .main-nav .navbar-brand>img {/*width: 100px;*/width: 150px;}
  .main-nav .navbar-header {width: 26%; float: left; margin-left: 5px; margin-right: 5px;}
  .main-nav .navbar-header.navbar-right {float: right;}
  .main-nav .navbar-toggle {padding: 6px 0;}
  .main-nav .navbar-brand {padding: 0;}
  .som1 .container, .som2 .container {padding-right: 15px;}
  .som1-bg {overflow: visible;}
  .tag-line {top: 85%; left: 0; right: 0; width: fit-content; margin: 0 auto;}
  .tag-line h2 {font-size: 22px;}
  .tag-line h2 span {font-size: 18px;}
  .btn-group {margin: 15% auto 0; float: none; width: 80%; display: block;}
  .btn-group li {display: block; width: auto; margin: 0 auto 10px;}
  .btn-group li a {}
  .left-img {padding: 0;}
  .left-img img {margin-top: 0; width: 100%;}
  .right-box {width: 80%; margin: -15% auto 0;}
  #more {position: relative; width: 100%; padding: 2em; top: 0; margin-bottom: 15%;}
  .right-bottom {margin: 3em auto 0; width: 70%; position: relative; display: block;}
  .EligibilityBox {width: 95%; padding: 4% 5% 1%; margin: 3em auto;}
  .missionBox {margin: 0 25px;}
  .som3-box {width: 50%; /*margin: 4% auto;*/}
  .som3 .som3-box { margin: 0 4% 6%; width: 90%; padding: 4%; float: left; }
  .quick-links, .social-links {position: relative; overflow: hidden;}

  .bba1-bg {padding: 0;}
  .bba1-bg .slide-img {float: none;}
  .bba1-bg .sci-tabs {position: relative; padding: 0; width: 50%; margin: -10% auto 0;}
  .bba2-content {padding: 0 10px;}
  .missionBox {margin: 0; padding: 10%;}
  .missionBox3 {padding: 10% 0%;}
  .res-ul>li>a { font-size: 3.2vw; border-right: 0.05vw solid #86bf85 !important; border:0px;}
  .res-ul>li.active>a{ border-right: 0.05vw solid #86bf85 !important; border:0px; }
  
  .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {white-space: inherit;}

  .main-nav .navbar-header {width: 30%; margin: 0.5em 0px;}
  /*.main-nav .navbar-header.navbar-right {width: 100%; max-width: 100px; margin: 0.5em 3em 0.5em 0;}*/
  .topnav button {margin: -2.2em 1em 1.2em 0em;}
  .topnav button .fa {margin-left: 0;}
  .topnav ul#Mmenu {margin: 3px 0;}
  .hhBg {background-position: 50% !important;}
  .sec2-content h3 {font-size: 1.8em;}
  .sec5-left, .sec6-tag {padding: 1.5em;}
  .sec2-tag {padding: 10%; float: right;}
  .serImg {width: 75%; margin: 0 auto;}
  .serImg h3 {font-size: 18px; float: none; text-align: 
    center;}
  .serImg button {float: none; margin: 1em auto 5em; width: 50%; display: block;}
  .sec6Box h3, .sec8 h3 {font-size: 20px; line-height: 1.5;}
  .sec7-bg {padding-top: 100%;}
  .break {display: none;}
  .VivekanandaTXT {font-size: 1em;}
  .sec8-left, .HHcontactleft {width: 100%; margin: 0 auto 3em; border: 0;}
  .HHcontact table.address {width: 60%; margin: 0 auto;} 
  .HHcontact {text-align: center;}

}

@media only screen and (max-width: 414px) {
  .main-nav .navbar-header {width: 48%;}
  .tag-line {top: 60%; width: 80%;}
  .footer-top p, .footer-top h5{font-size:15px;}
  .footer-top h5{margin:25px 0px 5px;}
  .footer-top ul li{font-size:15px;}
  .gnm-tab-content{padding-right: 0px;}
}
@media only screen and (max-width: 375px) {
  .main-nav .navbar-header {width: 34%;}
  .main-nav .navbar-header.navbar-right {width: 49%;}
  .right-bottom {width: 80%;}
  /*.som3-box img {max-width: 80px;}*/
}
@media only screen and (max-width: 320px) {
  .main-nav .navbar-brand>img {width: 80px;}
  .main-nav .navbar-toggle {font-size: 12px;}
  .tag-line h2 {font-size: 17px;}
  .tag-line h2 span {font-size: 15px;}
  .btn-group {margin: 20% auto 0;}
  .som3-box h5, .som3-box h5 a {font-size: 14px;}
}
@media only screen and (min-width: 1800px){
    .res-ul>li>a {
        margin: 0 1vw 0 0;
        padding: 1vw 1vw;
    }
    .printTabContent{ margin-top: 5.5%; }
}
@media only screen and (min-width: 2400px){
    .res-ul>li>a {
        margin: 0 0.5vw 0 0;
        padding: 1vw 0.5vw;
    }
    .printTabContent{ margin-top: 6.5%; }
}