@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* (min-width: 480px) and (max-width: 800px)
/* ----------------------------------------------------- */


/* Tablet  */
/*@media screen and (max-width: 83.75em){*/

@media only screen and (max-width:900px) {  /* 800px */ 
body {background:#fff;}
.slogan h1 a img {width:96%;}
.banner {width:100%; overflow:hidden; margin-bottom:15px; position:relative;}
.hindi-image {display:none;}
ul#slideshow {width:100%!important;}
.banner ul li img {width:100%!important;}
#accessibility {background:#e7e7e7;}
.access-links {display:none;}
.search, .access-sec {width:98%;}
.search input.input-bg {width:98%;}
.content-section {width:98%;}
.bottom-shadow {width:100%;}
footer {width:98%; margin:auto;}
.footer_left {width:100%; float:left; padding:0px;}
.footer-right {width:100%; float:right;}
header {background:inherit;}
.content-section {width:100%; height:inherit;}
section {width:100%; margin:auto; position:inherit; padding:0px; background:#fff;}
#left-nav {width:100%;}
.access-content {width:98%;}
#mid-content {width:100%; margin:10px 0 0;}
#right-content {width:100%;}
#content-section {width:100%;}
.top-img {background:none;}
.logo {width:95%; background:#fff; margin:0px; padding:7px;}
.slogan {width:100%; margin:0px; background:#2d6cce;}
.slogan h1 a img {padding:7px;}
.right-logo {width:64%; background:#fff;margin:0px; position:absolute; left:95px; top:45px;}
.logo img {width:73px; height:90px; margin:auto;}
ul#nav {display:none;}
.responsiv-link {display:block; width:100%; }
.responsiv-link select {background:#F6F6F6;border:1px solid #CCCCCC;color:#666666;font-size:12px;line-height:21px;padding:5px;width:100%; margin-top:10px;}
nav {background:none;}
.follow-us-on {display:none;}
#content-section {margin-top:0px;}
nav {margin-bottom:10px;}
#left-nav { background:#ECECEC;}
.nav-bg ul li {background: url("../images/left-sep.jpg") repeat-x scroll center bottom transparent;}
#schemes-programmes, #centralinstitutions {width:100%; margin-bottom:15px;}
.scheme-top-img, .bottom-img {display:none;}
.mid-img {width:100%; border-radius:8px; border:solid 1px #ccc;}
.block-section {width:98%; margin:auto;}
.mid-img h3, #centralinstitutions .mid-img  {padding-top:7px;}
#centralinstitutions .scheme-top-img, #centralinstitutions .bottom-img {display:none;}
#centralinstitutions .mid-img {width:100%; border-radius:8px; border:solid 1px #ccc;}
.whats-new {width:100%; background:url(../images/whatsnew-bottom.jpg) repeat-x scroll left bottom #ECECEC;}
.right-button {width:98%; margin:auto;}
.bt-left, .bt-right {display:none;}
.bt-mid {width:100%; border-radius:8px;}
.bt {background:none;}
.right-logo img {width:88px; height:94px;}
.nav-bg {background:none; height:421px;}
.footer-links {width:100%; }
.footer-links ul li {border-bottom: 1px solid #FFFFFF;display: block;float:inherit;padding:9px;text-align:center;}
.footer_left li a {background:none;}
.last-div {padding:0 5px 0 5px;}
#fssPlayPause {background:#4685e6; border:solid 1px #2262c4; color:#fff;}
.bt-mid span {display:none;}
.bt-mid h3 {width:100%; text-align:center;}
.breadcrum {width:98%;}
.breadcrum ul li {padding-bottom:10px;}
aside#left-nav {width:100%; margin-bottom:15px;} 
div.right-content {width:98%; margin:auto; margin-top:15px; float:inherit; clear:both;}
.online-form {width:98%; margin:auto; padding-top:10px;}
.online-form span.labell {width:100%; float:inherit; clear:both;}
#feedback-form .online-form .inputt {width:inherit; float:inherit; margin-top:5px;}
.first-button {width:inherit; margin-left:inherit;}
.slogan h2 {padding-bottom:10px; padding-top:5px;}

}

@media only screen and (min-width:380px) and (max-width:500px) {
div.online-form span.labell {width:150px!important; float:left!important;}
span.std input.std-numbers {width:200px;}
#feedback-form .online-form .inputt {width:300px; float:left!important;}
.first-button {margin-left:163px!important; margin-top:7px;}
.logo {left:92px;position: relative;width: 18%;}
.right-logo {left:185px;position: absolute;top:45px;width:52%;}
}

@media only screen and (min-width:500px) and (max-width:650px) {
.logo {left:135px!important;position:relative!important;width:63%!important;}
.right-logo {left:239px!important;position:absolute!important;top:45px!important;width:43%!important;}

#schemes-programmes, #centralinstitutions {width:48%; margin-bottom:15px; float:left;}
#centralinstitutions .mid-img {border-radius:8px; border:solid 1px #ccc; margin-left:15px;}
.bt {width:31%; float:left; margin-left:10px;}
.bt-mid {width:100%;}


div.online-form span.labell {width:255px; float:left!important;}
span.std input.std-numbers {width:200px;}

#feedback-form .online-form .inputt {width:300px; float:left!important;}
.first-button {margin-left:270px; margin-top:15px;}

.footer-links ul li {float:left;border:inherit; padding:5px;}
.footer_left li a {
    background: url("../images/seperator.png") no-repeat scroll right 5px transparent;
    color: #FFFFFF;
}
footer {padding-top:5px; position:relative;}
.footer-right {position:absolute; top:35px; right:0px; 

   
}

   
}

@media only screen and (min-width:650px) and (max-width:850px) {
.logo {left:235px!important;position:relative!important;width:63%!important;}
.right-logo {left:343px!important;position:absolute!important;top:45px!important;width:43%!important;}
.slogan h2 { padding: 8px 0 10px;}
.slogan h1 a img {margin-left: 157px; width:inherit;}

#schemes-programmes, #centralinstitutions {width:48%; margin-bottom:15px; float:left;}
#centralinstitutions .mid-img {border-radius:8px; border:solid 1px #ccc; margin-left:15px;}
.bt {width:31%; float:left; margin-left:10px;}
.bt-mid {width:100%;}


div.online-form span.labell {width:400px; float:left!important;}
span.std input.std-numbers {width:200px;}

#feedback-form .online-form .inputt {width:300px; float:left!important;}
.first-button {margin-left:420px; margin-top:15px;}
.footer-links ul li {float:left;border:inherit; padding:5px;}
.footer_left li a {
    background: url("../images/seperator.png") no-repeat scroll right 5px transparent;
    color: #FFFFFF;
}
footer {padding-top:5px; position:relative;}
.footer-right {position:absolute; top:35px; right:0px; 

   
}
}



@media only screen and (min-width:1px) and (max-width:340px) {
.slogan h1 a img {width:95%;}	
.banner {display:none;}

}