/* CSS Document by Palakshi Dam -Krishna Tech */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);

body{margin:0; font-family: 'Roboto Condensed', sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:80%; height:auto; margin:0 auto;}
#main-inner2{width:80%; height:auto; margin:0 auto; overflow:hidden}
#main-inner3{width:90%; height:auto; margin:0 auto; overflow:auto}

header{width:100%; height:auto; float:left; margin:1% 0}
header .logo{width:10%; height:auto; float:left;}
header .mid{width:80%; height: auto; float:left; margin:0 0 0 2%; text-align:center}
header h2{margin:1% 0 0 0}
header h4{color:#FD0300; margin:0}
header h5{margin:0.5% 0; font-style:italic}
header p{font-size:small; margin:0.6% 0}
header .logo1{width:8%; height:auto; float:right; margin-top:10px;}

.home{margin-top:-30%; transition:0.5s}
.home:hover{opacity:0.6}

.sticky-divi-button {
  z-index: 10;
  position: fixed;
  bottom: 50%;
  right: 0px;
  }
  .sticky-divi-button:hover {
  color:#dcbf73;
  }
  .sticky-divi-button1 {
  z-index: 10;
  position: fixed;
  bottom: 42%;
  right: 0px;
  }
  .sticky-divi-button1:hover {
  color:#dcbf73;
  }
  
#menutab .con{width:7.09%; height:37px; float:left; padding:1%; text-align:center; background:#F1F1F1; font-size: small}
#menutab .con a{color:#FFFFFF; text-decoration:none}

#about{width:100%; height:auto; float:left; margin:-1% 0 2% 0}
#about h1{color:#DA251C; text-align:center; background: url('images/border.png') bottom center no-repeat; padding-bottom:2%; margin:2% 0; font-family: 'Kaushan Script', cursive; font-size:40px}
#about h3{color:#663300; margin:0 0 2% 0}
#about .left{width:28.5%; height: auto; float:left; margin:1%; background:#FDFCF8; border:#FCF09D 2px solid; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); border-radius:10px}
#about .left img{width:30%; height:auto; float:left; margin-right:1%}
#about .left p{text-align:justify; font-size:14px; margin:0 1%; float:left; width:67%; color:#333333; line-height:140%}
#about .left a{color:#FF0000; float:right; text-decoration:none; margin:2% 0; transition:0.50s}
#about .left a:hover{color:#F77D3A}
#about .left1{width:29%; height:240px; float:left; margin:1%; background:#FDFCF8; border:#FCF09D 2px solid; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); border-radius:10px;}
#about .left1 .con{width:100%; float:left; height:210px; overflow:auto; overflow-x:hidden}
#about .left1 a{color:#333333; background:url('images/bullet.png') left top no-repeat; padding:1% 1% 1% 5%; text-decoration:none; font-size:14px; margin:0.5% 0; width:95%; float:left;}

.imgmid{width:70%; height:auto; float:left; margin:1% 15% 0 15%}

.view_all{background:black; color:#FFFFFF; padding:0.8% 1%; margin:0% 2%; float: right; text-decoration:none; border-radius:5px; transition:0.5s}
.view_all:hover{background:#333333}

footer{width:100%; height:auto; float:left}
footer .con{width:31%; height:auto; float:left; margin:1%;}
footer .con h3{color:#FFFFFF; text-align:left; margin:1% 0}
footer .con p{width:100%; float:left; margin:1% 0; color:#CCCCCC; font-size:small; line-height:150%; text-align:justify}
footer .con .social{width:6%; height:auto; float:left; background:#4E757E; padding:2%; margin:1.5%; border-radius:50%; transition:0.5s}
footer .con .social:hover{background:#48CCAC}
footer .con .social img{width:100%; height:auto; float:left}
footer .con a{width:70%; float:left; color:#FFFFFF; font-size:small; border-bottom:#4c657f 1px dashed; padding:2% 3%; text-decoration:none; transition:0.5s}
footer .con a:last-child{border:none}
footer .con a:hover{color:#48CFAD}


#news{width:100%; height:auto; float:left; margin:2% 0;}
#news h2{font-family: 'Bitter', serif; font-style:italic; background:url(images/icon.png) center left no-repeat; text-align:left; padding:2% 7%; margin:0 0 1% 0}
#news a{width:23%; height:auto; float:left; margin:1%; background:url(images/icon6.png) left top no-repeat; text-decoration:none; color:#333333; padding-left:1.5%; font-size:14px; transition:0.5s}
#news a:hover{color:#1297D2}
#news .e{font-family: 'Bitter', serif; font-style:italic; background:url(images/icon3.png) center left no-repeat; text-align:left; padding:2% 7%; margin:0 0 1% 0}
#news .book{width:20%; height:auto; float:left; margin:1%; background:url(images/icon4.png) left center no-repeat; padding-left:2.5%; font-size:14px; transition:0.5s}
#news .book:hover{color:#1297D2}

.head{color: #0099FF; font-family: 'Bitter', serif; font-style:italic; border-bottom:#CCCCCC 2px dotted; padding-bottom:0.5%}

#static{width:100%; height:auto; float:left; margin:2% 0%; overflow:hidden;}
#static img{margin:1%; float:left}
#static p{text-align:justify; font-size: 14px; color:#333333; line-height:150%}
#static .exam{width:100%; height:auto; float:left; margin:0}
#static .exam .con{width:46%; height:auto; float:left; margin:1%; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);}
#static .exam .con img{width:25%; height:auto; float:left; margin:0 2% 0 0; border-radius:10px; border:8px solid #e8e7e7;}
#static .exam .con .right{width:73%; height:auto; float:left; margin:0;}

#feedback{width:60%; height:auto; float:left; margin:2% 20% 6%  20%; background:#f9f7f7; padding:0.5%}
#feedback p{width:44%; height:auto; float:left; margin:3%; color:#333333}
#feedback .box{width:72%; height:auto; float: right; border:#CCCCCC 1px solid; padding:2% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); font-family: 'Source Sans Pro', sans-serif; transition:0.5s}
#feedback .box:hover{border:#999999 1px solid;}
#feedback .box:focus{border:#999999 1px solid;}
#feedback .box1{width:72%; height:50px; float: right; border:#CCCCCC 1px solid; padding:2% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); font-family: 'Source Sans Pro', sans-serif; transition:0.5s}
#feedback .box1:hover{border:#999999 1px solid;}
#feedback .box1:focus{border:#999999 1px solid;}
#feedback .submit{padding:1% 2%; background:#333333; color:#FFFFFF; border:none; font-family: 'Source Sans Pro', sans-serif; float:right; margin:0% 3% 2% 3%; font-size:medium; cursor:pointer; transition:0.5s}
#feedback .submit:hover{background: #0099FF}

#contact_us{width:100%; height:auto; float:left; margin:2% 0% 4% 0}
#contact_us .con{width:48%; height:auto; float:left; margin:0.5% 1.5% 0.5% 0.5%; padding:0.5%; background:#f9f7f7; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);}
#contact_us .con h4{font-weight:bold; color:#666666; margin:0}
#contact_us .con p{color:#333333; line-height:150%; font-size: 14px}

#map{width:48%; height:355px; float:left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); margin:0.5%}

#gallery{width:100%; height:auto; float:left; margin:2% 0; overflow:hidden}
#gallery .con{width:23%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
#gallery .con img{border:#CCCCCC 3px solid; width:100%; height:200px; float:left; transition:0.50s;}
#gallery .con img:hover{border:#fea801 3px solid;}

#upcoming_events{width:100%; height:auto; float:left; margin:2% 0; overflow:hidden}
#upcoming_events .con1{width:100%; height:auto; float:left;}
#upcoming_events img{width:100%; height:auto; float:left}
#upcoming_events span{color:#333333; margin:2% 0; width:100%; float:left}
#upcoming_events .con{width:100%; height:auto; float:left; margin-bottom:5%; background:#333333; color:#FFFFFF}
#upcoming_events p{padding:0 2%; border-right:#999999 1px solid; float:left; font-size: 14px}
#upcoming_events a{color:#333333; background:#FFFFFF; float:left; padding:0.3% 0.5%; margin:0.8% 0% 0 3%; transition:0.5s}
#upcoming_events a:hover{background:#00CCFF;}

#feedback{width:98%; height:auto; float:left; margin:2% 1%; background:#f9f7f7; padding:0.5%}

#ebook{width:100%; height:auto; float:left; margin:2% 0;}
#ebook p{text-align:justify; color:#333333; font-size:14px; line-height:150%; margin-bottom:2%}
#ebook a{width:20%; height:auto; float:left; margin:1%; background:url(images/icon4.png) left center no-repeat; padding-left:2.5%; font-size:14px; transition:0.5s}
#ebook a:hover{color:#1297D2}

#tab1{width:100%; height:auto; float:left}
#tab1 h2{text-align:center; color:#333333; border-bottom: #0099FF 1px solid; width:50%; float:left; margin:1% 25%}
#tab1 .con{width:23%; height: auto; float:left; margin:1%; color:#0099FF; font-size:small; padding:0.5%; border:#FFFFFF 2px solid; background:#F5F5F5; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); transition:0.5s}
#tab1 .con:hover{border:#F2A229 2px solid; color:#FF9900}
#tab1 .con img{width:29%; height: auto; float:left; margin:0.5%; transition:0.5s}
#tab1 .con h3{width:69%; height:auto; float:left; margin:11% 0.5% 0.5% 0.5%; font-family: 'Bitter', serif;}

#download{width:100%; height:auto; float:left; padding-bottom:7%}
#download a{color:#333333; font-size:14px; background:url(images/icon14.png) left top no-repeat; padding-left:2%; width:21%; float:left; margin:1%}

#youtube{width:100%; height:auto; float:left; margin:4% 0}
#youtube .con{width:48%; height:440px; float:left; margin:1%; background:#CCCCCC}
#youtube .con iframe{width:98%; height:350px; float:left; margin:1%}
#youtube .con p{font-size:medium; padding:1%; margin:0; width:98%; float:left; color:#2B65CF}


@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:98%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:98%; height:auto; margin:0 auto;}
#main-inner2{width:98%; height:auto; margin:0 auto; overflow:hidden}
#main-inner3{width:98%; height:auto; margin:0 auto; overflow:auto}

.sticky-divi-button {
  z-index: 10;
  position: fixed;
  bottom: 50%;
  right: 0px;
  }
.sticky-divi-button img{
  width:50px; height:50px;
  }
  .sticky-divi-button:hover {
  color:#dcbf73;
  }
  .sticky-divi-button1 {
  z-index: 10;
  position: fixed;
  bottom: 42%;
  right: 0px;
  }
  .sticky-divi-button1:hover {
  color:#dcbf73;
  }
  
header{overflow:hidden!important;}
header .logo{width:80%; height:auto; float:left; margin:1% 10% 0 10%; overflow:hidden!important;}
header .mid{width:98%; height: auto; float:left; margin:0 1%; text-align:center; overflow:hidden!important;}
header p{font-size:small; line-height:150%; overflow:hidden!important;}
header .logo1{width:50%; height:auto; float:right; margin:1% 25%; overflow:hidden!important;}

.home{margin-top:0%; transition:0.5s}

#menutab .con{width:100%; height: auto; float:left; padding:4% 1%; text-align:center; background:#F1F1F1; font-size: small}
#about h1{padding-bottom:5%; margin:3% 0; font-size: xx-large}
#about h3{ text-align:center}

#about .left{width:95%; height: auto; float:left; margin:3% 1%; background:#FDFCF8; border:#FCF09D 2px solid; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); border-radius:10px}
#about .left img{width:90%; height:auto; float:left; margin:1% 5%}
#about h3{margin:2% 0 4% 0}
#about .left p{font-size: small; margin:1%; float:left; width:98%; color:#333333; line-height:140%}
#about .left1{width:95%; height:290px; float:left; margin:3% 1%; background:#FDFCF8; border:#FCF09D 2px solid; padding:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); border-radius:10px;}
#about .left1 a{padding:1% 1% 1% 6%; font-size: small; margin:0.5% 0; width:94%; float:left;}

.view_all{font-size:small; padding:2% 1%; margin:1% 32%; float:right; width:36%; text-align:center;}

footer{width:100%; height:auto; float:left; margin:2% 0}
footer .con{width:98%; height:auto; float:left; margin:3% 1%;}

#news{width:100%; height:auto; float:left; margin:4% 0;}
#news h2{font-family: 'Bitter', serif; font-style:italic; background:url(images/icon2.png) center left no-repeat; text-align:left; padding:4% 0 4% 16%; margin:0 0 1% 0}
#news a{width:90%; height:auto; float:left; margin:4% 1%; background:url(images/icon1.png) left center no-repeat; padding-left:10%; font-size: small; transition:0.5s}
#news .e{font-family: 'Bitter', serif; font-style:italic; background:url(images/icon5.png) center left no-repeat; text-align:left; padding:4% 0 4% 16%; margin:0 0 1% 0}
#news .book{width:90%; height:auto; float:left; margin:4% 1%; background:url(images/icon4.png) left center no-repeat; padding-left:10%; font-size: small; transition:0.5s}
#news .book:hover{color:#1297D2}

#static img{margin:1%; float:left; width:80%; height:auto; float:left; margin:1% 10%}
#static p{text-align:justify; font-size: small; color:#333333; line-height:150%; padding:0 1%}
#feedback p{width:99%; height:auto; float:left; margin:0%; padding:1%; color:#333333}
#feedback .box{width:95%; height:auto; float: left; border:#CCCCCC 1px solid; padding:2% 1%; margin:1% 1% 4% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); font-family: 'Source Sans Pro', sans-serif; transition:0.5s}
#feedback .box1{width:95%; height:50px; float: left; border:#CCCCCC 1px solid; padding:2% 1%; margin:1% 1% 4% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); font-family: 'Source Sans Pro', sans-serif; transition:0.5s}
#feedback .submit{padding:2% 3%; background:#333333; color:#FFFFFF; border:none; font-family: 'Source Sans Pro', sans-serif; float:right; margin:0% 3% 2% 3%; font-size:medium; cursor:pointer; transition:0.5s}

#contact_us .con{width:97%; height:auto; float:left; margin:1%; padding:0.5%; background:#f9f7f7; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);}
#contact_us .con p{color:#333333; line-height:150%; font-size: small}
#map{width:98%; height:355px; float:left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09); margin:1%}

#gallery .con{width:97%; height:auto; float:left; margin:1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}

#upcoming_events .con1{width:98%; height:auto; float:left; background:#fdf3f3; padding:1%; margin:2% 0}
#upcoming_events img{width:100%; height:auto; float:left}
#upcoming_events span{color:#333333; margin:3% 1%; width:98%; float:left; text-align:justify; font-size:small;}
#upcoming_events p{padding:0 2%; border-right: none; float:left; font-size: small; margin:1%; width:98%;}
#upcoming_events a{color:#333333; background:#FFFFFF; float:left; padding:1% 2%; margin:2% 0% 4% 3%; transition:0.5s}

#download{width:100%; height:auto; float:left; padding-bottom:7%}
#download a{color:#333333; font-size: small; background:url(images/icon14.png) left top no-repeat; padding-left:8%; width:90%; float:left; margin:2% 1%; line-height:150%}

#youtube .con{width:98%; height:auto; float:left; margin:3% 1%; background:#CCCCCC}

}