/* CSS Document by  Palakshi Dam - Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
body{margin:0; font-family: 'Nunito', sans-serif;}
#main{width:100%; height:auto; float:left}
#main1{width:100%; height:auto;}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:80%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
a{text-decoration:none; color:#333}

.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {background-color: #ffffff; margin-top:0; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);}

.upheader-bac{background:#0d2d62;}
#upheader{width:100%; height:auto; float:left; margin:0.3% 0; color:#fff; font-size:13px}
#upheader .left{width:55%; height:auto; float:left; margin:1% 0 0 0}
#upheader .left p{float:left; margin:0 3% 0 0}
#upheader .left p img{width:16px; height:16px; float:left; margin:0}
#upheader .middle{width:20%; height:auto; float:left; margin:0.4% 0 0 0;}
#upheader .middle a{width:6%; height:auto; float:left; margin:0 1.3%; border:#fff 2px solid; border-radius:50%; padding:3%; box-sizing:content-box; transition:0.5s}
#upheader .middle a:hover{border:#f6bc02 2px solid;}
#upheader .middle a img{width:100%; height:auto; float:left;}
#upheader .right{width:25%; height:auto; float:left;}
#upheader .right a{width:auto; height:auto; float:right; text-align:center; padding:3%; margin:0 1%; background:#f6bc02; color:#0d2d62; border-radius:4px; font-size:medium; transition:0.5s}
#upheader .right a:hover{background:#eeeeee}
#upheader .right a img{width:15%; height:auto; float:left; margin:2.8% 0 0 1%}

.logomain{width:10%; height:auto; float:left; margin:0.5% 0 1% 0}
.logomain img{width:100%; height:auto; float:left}

/*		Hero section 		*/

.hero{
	display: block;
	width: 100%;
	height: 550px; 
	margin-top:-4.5%;
	background: url('images/bg.jpg') no-repeat fixed center center; background-size: cover;
	 box-sizing:content-box
}
.hero1{
	display: block;
	width: 40%;
	height: auto;
	float:left;
	border-radius:0 7px 0 0;
	padding:2%;
	margin-top:-4%;
	background: url('images/bg1.jpg') no-repeat fixed center center; background-size: cover; 
	 box-sizing:content-box
}

.hero .caption{
	width:100%;
	margin:5% 0 0 0;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}
.hero1 .caption{
	width:96%;
	height:320px;
	float:left;
	margin:2%;
	padding:2%;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}

.hero1 .caption h2{width:100%; height:auto; float:left; margin:1% 0; font-size:20px;}
.hero1 .caption p{width:100%; height:auto; float:left; margin:1% 0; background:url('images/social/tick.png') left top no-repeat; background-size: 15px 15px; padding:0 0 1% 5%; font-size:15px;}
	
.hero .caption .con{width:50%; height:auto; float: left; margin:7% 0 0 0}
.hero .caption .con .con1{width:60%; height:320px; float:left; background:url('images/con_bg.png'); transition:0.5s}
.hero .caption .con .con1:hover{background:rgba(0, 0, 0, 0.6)}
.hero .caption .con .con1 img{width:60%; height:auto; float:left; margin:0% 20% 0 20%}
.hero .caption .con .con2{width:40%; height:160px; float:left; background:url('images/con_bg1.png'); transition:0.5s}
.hero .caption .con .con2:hover{background:rgba(0, 0, 0, 0.6)}
.hero .caption .con .con2 img{width:40%; height:auto; float:left; margin:4% 30% 6% 30%}
.hero .caption .con .con4{width:40%; height:160px; float:left; background:url('images/con_bg3.png'); transition:0.5s}
.hero .caption .con .con4:hover{background:rgba(0, 0, 0, 0.6)}
.hero .caption .con .con4 img{width:40%; height:auto; float:left; margin:4% 30% 6% 30%}
.hero .caption .con .con3{width:100%; height:auto; float:left; background:url('images/con_bg2.png'); transition:0.5s}
.hero .caption .con .con3:hover{background:black}
.hero .caption .con .con3 img{width:10%; height:auto; float:left; margin:2% 45% 1% 45%}
.hero .caption h3{color:white; text-align:center; margin:10% 1%; font-size:30px; font-family: 'Roboto Slab', serif;}
.hero .caption .h3{margin:0 1%; font-size:60px;}
.hero .caption a{text-decoration:none}
.hero .caption h2{width:100%; height:auto; float:left; margin:0% 0 0 0; font-weight:300; color:white; font-size:xx-large; text-align:right; font-family: 'Ubuntu', sans-serif; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);}
.hero .caption h2 span{color:#f6bc02; font-size:large; font-weight:normal;}	
.rightdiv{width:56%; height:auto; float:left; margin:0; background: rgb(114,28,82); background: linear-gradient(90deg, rgba(114,28,82,1) 0%, rgba(171,53,82,1) 50%, rgba(231,80,82,1) 100%);}
.rightdiv a{width:30%; height:auto; float:left; margin:1% 1.5%; color:#f6bc02; font-size:x-large; text-align:center;}
.rightdiv a img{width:16%; height:auto; float:left; margin:1% 42%}

.topselect{width:96%; height:auto; float:left; margin:1% 2%; padding:2%; background:url('images/social/down.png') #0d2d62 right center no-repeat; color:#fff; border-radius:5px; border:none; -webkit-appearance: none;
    -moz-appearance: none; font-family: 'Nunito', sans-serif; font-size:18px;}
.topselect option{font-size:16px; padding:1% 0;}

/*the container must be positioned relative:*/
.custom-select {
width:96%; height:auto; float:left;
margin:1% 2%;
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #0d2d62;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 17px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 8px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  font-size:16px
  
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #0d2d62;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected{background-color: rgba(0, 0, 0, 0.1);}

.profile{width:54%; height:auto; float:left; margin:4% 1% 1% 1%; background:#FFF; border-radius:4px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);}
.profile img{width:20%; height:auto; float:left; margin:1% 4% 1% 1%;}
.profile .left{width:73%; height:auto; float:left; margin-right:2%}
.profile .left h2{width:100%; height:auto; float:left; margin:1% 0 0 0; color:#0d2d62}    
.profile .left p{width:100%; height:auto; float:left; margin:1% 0;}
.profile .left p a{color:red; font-size:small;}

.coursebg{background:#f0efef; padding:5% 0}
#course{width:100%; height:auto; float:left;}
#course h1{text-align:center; color:#021f4f; font-family: 'Fjalla One', sans-serif; font-size:40px; font-weight:normal; margin:0 0 2% 0}
#course .con{width:21%; height:auto; float:left; margin:1%; padding:1%; border-radius:5px; box-sizing:content-box; background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,237,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(224,237,252,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,237,252,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,237,252,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,237,252,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(224,237,252,1) 100%);
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);}
#course .con img{width:20%; height:auto; float:left; margin:1% 40%}
#course .con h3{text-align:center; color:#0d2d62; margin-bottom:0}
#course .con b{width:20%; height:auto; float:left; margin:1% 40% 5% 40%; background:#f6bc02; padding:0.5% 0;}
#course .con p{width:100%; height:auto; float:left;}
#course .con a{background:url('images/social/arrow.png') right center no-repeat; color:#0d2d62; background-size:18px 18px; float:right; padding-right:8%; transition:0.5s}
#course .con a:hover{padding-right:12%}

#logi{width: 40%; height: auto; float: left; margin:5% 30%; background: #EBE8E8; padding: 1%}
#logi a{color: #01A1EF}
#logi1{width: 40%; height: auto; float: left; margin:5% 0; background: #FFFFFF; padding: 1%}
#logi1 a{color: #ddf7de}

.footerbg{background:#0f1d34}
#footer{width:100%; height:auto; float:left}
#footer .con{width:30%; height:auto; float:left; margin:1% 1.5%}
#footer .con h3{width:100%; height:auto; float:left; color:#f6bc02; font-family: 'Fjalla One', sans-serif; font-weight:normal; margin-bottom:0}
#footer .con b{width:10%; height:auto; float:left; margin:1.5% 90% 5% 0; padding:0.3% 0; background:#cccccc}
#footer .con a{width:100%; height:auto; float:left; margin:1% 0; color:#eeeeee; font-size:12px}
#footer .con span{width:100%; height:auto; float:left; margin:1% 0; padding:1% 0 1% 10%; color:#eeeeee; font-size:14px; background:url(images/social/4.png) left top no-repeat; background-size:20px 20px}
#footer .con .span{background:url(images/social/5.png) left top no-repeat; background-size:20px 20px}
#footer .con .span1{background:url(images/social/6.png) left top no-repeat; background-size:20px 20px}
#footer .low{width:100%; height:auto; float:left; border-top:1px #053076 solid; color:white}
#footer .low p{float:left; font-size:small}
#footer .low .p{float:right}
#footer .low a{color:#f6bc02}

.bannerbg{background:url('images/bg2.jpg')left fixed}
#banner{width:100%; height:auto; float:left; margin:3% 0}
#banner h2{width:40%; height:auto; float:left; color:white; font-family: 'Roboto Slab', serif; margin:0; font-size:xx-large}
#banner .h2{width:40%; height:auto; float:left; color:white; font-family: 'Roboto Slab', serif; margin:0; font-size:16px}
#banner h6{width:40%; height:auto; float:left; color:white; font-family: 'Roboto Slab', serif; margin:0; font-size:18px}
#banner .con{width:50%; height:auto; float:right; margin:0.5% 0}
#banner .con a{color: white; padding:0 1%; margin:0; float: right; font-size: medium; text-decoration:none; transition:0.5s}
#banner .con a:hover{color:#CCCCCC}
#banner .con p{margin:0; font-size:medium; color:#7FEAD3; padding:0 1%; margin:0; float:right; text-align:right}

#static{width:100%; height:auto; float:left; margin:3% 0;}
#static h2{color:#dba702; border-bottom:1px #CCCCCC solid; padding-bottom:0.5%; font-size:22px}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:150%; text-align:justify; color:#333333; font-size:medium}
#static span{margin:1% 0; line-height:150%; text-align:justify; color:#333333; font-size:medium}
#static div{margin:1% 0; line-height:150%; text-align:justify; color:#333333; font-size:medium}
#static ul{list-style-image: url('images/social/tick1.png'); line-height:150%; text-align:justify; color:#333333; font-size:medium}
#static ul li{margin:0.8% 0}

.righttab{width:30%; height:auto; float:left}
.righttab .con{width:98%; height:1280px; float:left; margin:16% 0.5% 0 1%; border-radius:5px; box-sizing:content-box; background: rgb(255,255,255);
background: linear-gradient(190deg, rgba(255,255,255,1) 0%, rgba(240,255,254,1) 100%); transition:0.5s}
.righttab .con .top{width:100%; height:auto; float:left; margin-top:0;}
.righttab .con img{width:20%; height:auto; float:left; margin:1% 40%}
.righttab .con h3{text-align:center; color:#035899; margin-bottom:0}
.righttab .con b{width:20%; height:auto; float:left; margin:3% 40% 5% 40%; background:#0d2d62; padding:0.3% 0;}
.righttab .con .low{width:100%; height:auto; float:left; padding:4%}
.righttab .con p{width:100%; height:auto; float:left; margin:1% 0}
.righttab .con h4{width:100%; height:auto; float:left; color:#00acea; margin:5% 0 1% 0}
.righttab .con p{font-size:14px;}
.righttab .con span{width:100%; height:auto; float:left; border-bottom:1px #c2c3c3 dashed; padding:0;}
.righttab .con strong{width:40%; height:auto; float:right; margin:5% 30% 1% 30%; padding:3% 0; background:#00acea; border-radius:5px; text-align:center; color:white}
.righttab .con strong:hover{background:#0280ae}

#details{width:100%; height:auto; float:left;}
#details .con{width:31%; height:410px; float:left; margin:1%; border-radius:5px; box-sizing:content-box; background:white; border:1px #f8cd02 solid; transition:0.5s}
#details .con:hover{
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
}
#details .con .top{width:100%; height:150px; float:left; margin-top:0; border-radius:5px 5px 0 0; background: rgba(248,216,2,1);
background: -moz-linear-gradient(left, rgba(248,216,2,1) 0%, rgba(248,205,2,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,216,2,1)), color-stop(100%, rgba(248,205,2,1)));
background: -webkit-linear-gradient(left, rgba(248,216,2,1) 0%, rgba(248,205,2,1) 100%);
background: -o-linear-gradient(left, rgba(248,216,2,1) 0%, rgba(248,205,2,1) 100%);
background: -ms-linear-gradient(left, rgba(248,216,2,1) 0%, rgba(248,205,2,1) 100%);
background: linear-gradient(to right, rgba(248,216,2,1) 0%, rgba(248,205,2,1) 100%);}
#details .con img{width:20%; height:auto; float:left; margin:1% 40%}
#details .con h3{text-align:center; color:#0d2d62; margin-bottom:0}
#details .con b{width:20%; height:auto; float:left; margin:3% 40% 5% 40%; background:#0d2d62; padding:0.3% 0;}
#details .con .low{width:100%; height:210px; float:left; padding:4% 4% 1% 4%;}
#details .con p{width:100%; height:auto; float:left; margin:4% 0 3% 0}
#details .con p{font-size:14px}
#details .con span{width:100%; height:auto; float:left; border-bottom:1px #c2c3c3 dashed; padding:0;}
#details .con a{width:31.2%; height:auto; float:left; margin:2% 1% 1% 1%; padding:2.5% 0; background:#00acea; font-weight:normal; border-radius:5px; text-align:center; color:white; font-size:14px;}
#details .con a:hover{background:#0280ae}
#details .con .a{width:64.4%; height:auto; float:left; margin:2% 1% 1% 1%; padding:2.5% 0; background:#00acea; font-weight:normal; border-radius:5px; text-align:center; color:white; font-size:14px;}
#details .con .buy{width:31.2%; height:auto; float:left; margin:2% 1% 1% 1%; padding:2.5% 0; background:#0280ae; font-weight:normal; border-radius:5px; text-align:center; color:white; font-size:14px;}
#details .con .buy:hover{background:#00acea}

#faculties{width:100%; height:auto; float:left;}
#faculties .con{width:98%; height:auto; float:left; margin:1%; padding:2%; border-radius:4px; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,234,235,1) 100%); 	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);}
#faculties .con img{width:10%; height:auto; float:left; margin:1%; border-radius:50%}
#faculties .con h3{color:#0d2d62; margin-bottom:0}
#faculties .con p{margin:0; font-size:15px; text-align:justify}

.contactdiv{width:48%; height:auto; float:left; margin:1% 25%; padding:1%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); background:#fff;}
.contactdiv h6{color:#00acea; text-align:left; margin:0 0 2% 0; font-family: 'Roboto Slab', serif; font-size:large}
.contactdiv .left{width:50%; height:auto; float:left; margin:0 10% 0 0;}
.contactdiv .box{width:96%; height:auto; float:left; margin:1.5% 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
.contactdiv .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.contactdiv .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.contactdiv .box1{width:96%; height:auto; float:left; margin:1.5% 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:small; transition:0.5s}
.contactdiv .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.contactdiv .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.contactdiv .submit{padding:1.3% 3%; margin:2% 3% 2% 0; font-size: medium; background:#004064; color:white; float:right; text-decoration:none; font-weight:bold; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
.contactdiv .submit:hover{background:#019EB1}
.contactdiv .right{width:40%; height:auto; float:left; margin:0;}

#mentor{width:100%; height:auto; float:left; margin:4% 0;}
#mentor .left{width:40%; height:auto; float:left;}
#mentor .left img{width:100%; height:auto; float:left;}
#mentor .right{width:60%; height:auto; float:left; padding:2%; background:#eef1fa;}
#mentor .right h2{color:#2a3f57; margin-top:0;}
#mentor .right h3{color:#f82e56; margin:1% 0;}
#mentor .right p{width:100%; height:auto; float:left;}
#mentor .box{width:66%; height:auto; float:right; margin:0 15% 0 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#mentor .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#mentor .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#mentor .submit{padding:2% 4% 2% 8%; margin:2% 3% 2% 0; font-size: medium; border-radius:2px; background: url('images/cart.png') #0396d5 no-repeat center left; background-size:30px 30px; color:white; float:left; text-decoration:none; border:none; cursor:pointer; transition:0.5s}
#mentor .submit:hover{background: url('images/cart.png') #019EB1 no-repeat center left; background-size:30px 30px;}
#mentor .right .h2{width:100%; height:auto; float:left; padding:2% 0; color:#2a3953; border:2px #6b6b6b solid; border-left:none; border-right:none;}

#mentor .tablow{width:100%; height:auto; float:left; margin:2% 0;}
#mentor .tablow .tab-content{width:100%; height:auto; float:left; background:#f1f4f8; padding:1%; border:1px #FFFFFF solid; border-top:none}
#mentor .tablow .nav-tabs .active a{color:black}
#mentor .tablow .nav-tabs li{background: #024a8c; border-radius:5px 5px 0 0; margin-right:0.1%; border:none}
#mentor .tablow .nav-tabs li a:hover{ color:black}
#mentor .tablow .nav-tabs li a{color:white;}
#mentor .itinerary {display:inline-block; padding:0; width:100%;}
#mentor .itinerary h3{border-bottom:1px #CCCCCC solid; padding-bottom:0.5%; font-size: 26px; margin-bottom:2%; color:#025cae}
#mentor .itinerary h4{font-size:medium; margin:1.5% 0 0 0; color:#333333}
#mentor .itinerary p{font-size:small; margin:0.3%; line-height:150%; color: #333333}
#mentor .itinerary ul{float:left; margin:0.5% 1% 1% 1%; width:98%; font-size:small; color: #333333}
#mentor .itinerary ul li{list-style:none; margin:0.3% 0}
#mentor .itinerary ul li:before {content: "\2713" "\0020"}
#mentor .itinerary .day{width:7%; height:auto; float:left; padding:0 0 5% 0; margin-top:0.5%; text-align:center; background:url(images/day.png) left top no-repeat; background-size:100% auto; font-size:large; font-weight:bold}
#mentor .tab-t{overflow:auto; height: auto; }
#mentor .tab-t h3{border-bottom:1px #CCCCCC solid; padding-bottom:0.5%; font-size:26px; margin-bottom:2%; color:#025cae}
#mentor .tab-t .con{width:99%; height:auto; float:left; margin:0; border:1px #cacaca solid;}
#mentor .tab-t h4{width:25%; height:auto; float:left; margin:0; padding:1%; border-right:1px #cacaca solid; border-bottom:1px #cacaca solid; font-size:medium; font-weight:bold;}
#mentor .tab-t h4:last-child{ border-right:1px #cacaca solid; border-bottom:none;}
#mentor .tab-t p{width:75%; height:auto; float:left; margin:0; padding:1%; border-bottom:1px #cacaca solid; font-size:medium;}
#mentor .tab-t p:last-child{border-bottom:none;}
#mentor .tab-4{overflow:auto; height: auto; }
#mentor .tab-4 h3{border-bottom:1px #CCCCCC solid; padding-bottom:0.5%; font-size:26px; margin-bottom:2%; color:#025cae}
#mentor .tab-4 a{color:#333333; padding:2% 0 2% 5%; margin:0; width:100%; float:left; font-size:medium; background:url('images/pdf.png') no-repeat left center; text-decoration:none; transition:0.5s}
#mentor .tab-4 a:hover{color:#FF6666}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}

#upheader .left{width:98%; height:auto; float:left; margin:1%}
#upheader .left p{width:auto; height:auto; float:left; margin:1%}
#upheader .middle{width:78%; height:auto; float:left; margin:1% 10%;}
#upheader .right{width:98%; height:auto; float:left;}
#upheader .right a{width:48%; height:auto; float:right; text-align:center; padding:2% 3%; margin:1%; background:#f6bc02; color:#0d2d62; border-radius:4px; font-size:medium; transition:0.5s}

.logomain{width:40%; height:auto; float:left; margin:0.5% 30% 1% 30%}

.hero{
	display: block;
	width: 100%;
	height: 680px; 
	margin-top:-15%;
	background: url('images/bg.jpg') no-repeat fixed center center; background-size: cover;
	box-sizing:content-box
}
.hero .caption .con{width:98%; height:auto; float: left; margin:25% 1% 1% 1%}
.hero .caption .con .con1{width:100%; height:320px; float:left; margin-top:2%; background:url('images/con_bg.png'); transition:0.5s}
.hero .caption .con .con2{width:50%; height:160px; float:left; background:url('images/con_bg1.png'); transition:0.5s}
.hero .caption .con .con4{width:50%; height:160px; float:left; background:url('images/con_bg3.png'); transition:0.5s}
.hero .caption h2{width:100%; height:auto; float:left; margin:2% 0 0 0; font-weight:300; color:white; font-size:xx-large; text-align:right; font-family: 'Ubuntu', sans-serif; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);}
.hero1{
	display: block;
	width: 96%;
	height: auto;
	float:left;
	border-radius:0 7px 0 0;
	padding:2%;
	margin-top:-4%;
	background: url('images/bg1.jpg') no-repeat fixed center center; background-size: cover; 
	 box-sizing:content-box
}
.hero1 .caption{
	width:96%;
	height:520px;
	float:left;
	margin:2%;
	padding:2%;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.topselect{padding:4% 2%;}
.rightdiv{width:100%; height:auto; float:left; margin:0; background: rgb(114,28,82); background: linear-gradient(90deg, rgba(114,28,82,1) 0%, rgba(171,53,82,1) 50%, rgba(231,80,82,1) 100%);}
.rightdiv a{width:31%; height:auto; float:left; margin:3% 1%; color:#f6bc02; font-size:15px; text-align:center;}
.rightdiv a img{width:30%; height:auto; float:left; margin:1% 35%}

.profile{width:94%; height:auto; float:left; margin:3%; background:#FFF; border-radius:4px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);}
.profile img{width:70%; height:auto; float:left; margin:1% 15%;}
.profile .left{width:94%; height:auto; float:left; margin:3%}
.profile .left h2{width:100%; height:auto; float:left; margin:1% 0 0 0; color:#0d2d62; text-align:center;}    
.profile .left p{width:100%; height:auto; float:left; margin:1% 0;}
.profile .left p a{color:red; font-size:small;}

#course .con{width:92%; height:auto; float:left; margin:3%; padding:1%;}

#footer .con{width:96%; height:auto; float:left; margin:1% 2%}
#footer .con h3{text-align:center;}
#footer .con b{margin:1.5% 45% 5% 45%;}
#footer .con a{text-align:center;}
#footer .low p{width:96%; height:auto; float:left; margin:1.5% 0; text-align:center;}
#footer .low .p{float:right}
#footer .low a{color:#f6bc02}

.bannerbg{background:url('images/bg3.jpg')left fixed}
#banner{width:90%; height:auto; float:left; margin:4% 5%}
#banner h2{width:100%; height:auto; float:left; color:white; font-family: 'Roboto Slab', serif; margin:0; padding:0; font-size:xx-large}
#banner .h2{width:100%; height:auto; float:left; color:white; font-family: 'Roboto Slab', serif; margin:0; padding:0; font-size:large}
#banner .con{width:100%; height:auto; float:right; margin:0}
#banner .con a{width:100%; height:auto; float:left; color: #7FEAD3; padding:1%; margin:0; font-size: medium; text-decoration:none; transition:0.5s}
#banner .con .a{padding:0; margin:0; opacity:0; font-size:0;}
#banner .con p{width:0px; height:0px; float:left; margin:0; font-size:0px; padding:0; margin:0; opacity:0;}

#static{width:95%; height:auto; float:left; margin:3% 2.5%;}
#static table{font-size:x-small; text-align:left;}

#faculties .con{width:94%; height:auto; float:left; margin:3%;}
#faculties .con img{width:70%; height:auto; float:left; margin:2% 15%; border-radius:50%}
#faculties .con h3{color:#0d2d62; margin:2% 0; text-align:center;}
#faculties .con p{margin:0; font-size:15px; text-align:justify; line-height:150%;}

.contactdiv{width:95%; height:auto; float:left; margin:2.5%; padding:1%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); background:#fff;}
.contactdiv h6{text-align:center;}
.contactdiv .left{width:98%; height:auto; float:left; margin:5% 1%;}

.contactdiv .box{width:98%; height:auto; float:left; margin:1.5% 1%; padding:3% 2.5%; border:1px #E5E4E4 solid; border-radius:5px; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
.contactdiv .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.contactdiv .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.contactdiv .box1{width:98%; height:auto; float:left; margin:1.5% 1%; padding:3% 2.5%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:small; transition:0.5s}
.contactdiv .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.contactdiv .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.contactdiv .submit{width:88%; height:auto; float:left; padding:3% 0; margin:2% 5%; font-size: medium; background:#004064; color:white; float:right; text-decoration:none; font-weight:bold; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
.contactdiv .submit:hover{background:#019EB1}
.contactdiv .right{width:40%; height:auto; float:left; margin:0;}

#details .con{width:96%; height:auto; float:left; margin:2%; border-radius:5px; box-sizing:content-box; background:white; border:1px #f8cd02 solid; transition:0.5s}

.righttab{width:96%; height:auto; float:left; margin:0 2% 2% 2%;}
.righttab .con{width:98%; height:auto; float:left; margin:6% 0.5% 0 1%; border-radius:5px; box-sizing:content-box; background: rgb(255,255,255);
background: linear-gradient(190deg, rgba(255,255,255,1) 0%, rgba(240,255,254,1) 100%); transition:0.5s}

#logi{width: 98%; height: auto; float: left; margin:5% 1%; background: #EBE8E8; padding: 1%}

#mentor{width:98%; height:auto; float:left; margin:4% 1%;}
#mentor .left{width:100%; height:auto; float:left;}
#mentor .left img{width:100%; height:auto; float:left;}
#mentor .right{width:100%; height:auto; float:left; padding:2%; background:#eef1fa;}
#mentor .box{width:66%; height:auto; float:right; margin:0 0 0 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#mentor .submit{width:60%; height:auto; float:left; padding:4% 0; margin:2% 20%; font-size: medium; border-radius:2px; background: url('images/cart.png') #0396d5 no-repeat center left; background-size:30px 30px; color:white; text-decoration:none; border:none; cursor:pointer; transition:0.5s}

}