@charset "utf-8";
 @media all and (max-width : 1200px) {
.nav-wrapper ul li a {
  padding: 0 18px !important;
}

.lpg-rates {
  float: right;
  width: 460px;
}

.mid-panel-right {
  background-size:23% auto !important;
  
}

.gallery-area {
  width: 65.5%;
}
.video-gallery {
  width: 33%;
  padding:15px;
  position:relative;
}
.video-gallery ul.list li a {
  font-size: 90%;
}
.video-gallery ul.list li {
 
  margin-bottom: 4px;
}
.video-gallery a.view{margin-top:0px; display:inline-block; position:absolute; top:15px; right:10px;}
.video-gallery h3{margin-bottom:6px;}


}
 @media all and (max-width : 1100px) {



.nav-wrapper ul li a {
  padding: 0 14px !important;
}

.mid-panel-right {
  background-size: 18% auto !important;
}

.gallery-area {
  width: 60%;
}
.video-gallery {
  padding: 10px;
  width: 38%;
}

.video-gallery ul.list li {
  margin-bottom: 2px;
}

}

 @media all and (max-width : 1023px) {

.nav-wrapper ul li a {
  padding: 0 16px !important;
}

.resp-tab-content{background:#efeeed;}

.lpg-rates {
  width: 418px;
}
.my-lpg {
  font-size: 105%;
}
.slide-caption{padding:10px;}


}
@media all and (max-width : 999px) {
/* .column.workshop {
 max-width: 425px;
}
 .column ul.resp-tabs-list li {
 font-size: 78%;
}
 .mega-nav-wrapper ul li a {
 padding: 0 7px !important;
}*/

.nav-wrapper ul li.collaps > ul {
    display: block !important;
    position: inherit !important;
}

#resnav{
		display:none;
	}
	#resnav li {
		background:#3B3B3B;
	}
	#resnav{
		left:0px;
		width:100%;
		z-index:1000;
		overflow:auto;
	}
	#resnav li {
		float:none;
		display:block;
		margin:0px;
		padding:0px;
		background:#CDCDCD;
		border-left:0px;
		border-bottom:1px solid rgba(0, 0, 0, 0.1);
		position:relative;
	}
	
	#resnav ul {
	 margin-left: 0px !important;
	}
	 #resnav li:hover>ul, #resnav li.hover>ul, #resnav a:focus+ul, #resnav .hover a:focus {
	 margin-left: 0 !important;
	 z-index:100;
	 left:0px;
	}
	#resnav ul a:focus {
	 margin-left: 0 !important;
	}
	#resnav ul a:focus {
	 margin-left: 0 !important;
	}
	#resnav li ul li a:before {
		content: "\f105";
		font-family: 'FontAwesome';
		font-size:15px;
		margin-right:13px;
	}
	#resnav li {
		background: #007b43 none repeat scroll 0 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	#resnav li {
		background: #cdcdcd none repeat scroll 0 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		border-left: 0 none;
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	
	#resnav {
		max-height:none;
	}
	#resnav li {
		background:#563993;
		border-bottom:1px solid rgba(0, 0, 0, 0.1);
	}
	#resnav li a {
		color:#fff;
	}
#resnav .collaps >span::after{
		/* content: ' - ' !important; */
	}	


}


 @media all and (max-width : 940px) {
	 
	 .region-tollfree-number .tollfree{margin-left:10px;}
	 
	 
	 #whatsnewScroll h2{width:100%;text-align:center;}
	 #whatsnewScroll{height:80px;}
	 #whatsnewScroll .whats-new-scroll .view-content{margin:0px;padding:0px;width:100%;}
	 #whatsnewScroll .whats-new-scroll .view-content a {
    color: #fff;
    padding-top: 10px;
    float: left;
}
	 
	 
/*Director form*/
#webform-client-form-95845 input, 
#webform-client-form-95845 label,
#webform-client-form-95845 select{width:100%;}	
#webform-client-form-95845 .form-textarea-wrapper{margin-left:0; width:100%;} 
	 
	 .header-container .n-enblem{
    background: url(../images/enblum.png) no-repeat center 8px;
    height:45px;
    width: 100%;
    top:0px;
    background-size:6%;
    left: 0%;
    }

     .header-container .n-enblem img{display:none;}
	 
	 .logo{margin-top:50px;}
	 
	 .logo a strong{display:none;}	 
	 .student-corner-login{position: absolute;
    z-index: 9;
    right: 60px;
	top:100%;
    margin-top: 7px !important;}
	 
#search-block-form{width:50%; margin-left: 4%;}
.jipmer-search-menu .container-inline #edit-actions{left:0;}
#search-block-form .form-submit{margin:0; margin-bottom:10px;}
.common-left ul li{padding-top:0;}
.common-left ul li.ministry{border-left:none;}
.date-heading{float:left; margin-top:40px; text-align:left;}
.view .date-nav-wrapper{float:left;}
.section-site-map #sitemap, .section-site-map #sitemap ul li ul{margin-left:0;}
.section-site-map #sitemap a{white-space: pre-wrap;}
/*Feedback*/
#webform-client-form-13 textarea, #webform-client-form-13 input, #webform-client-form-13 select,
#webform-client-form-13 label{width:100%;}
#webform-client-form-13 #edit-actions{width:auto;} 
#webform-client-form-13 #edit-actions input.form-submit{padding:4px;} 
/*Edit Profile*/
.image-widget-data a{float:left; font-size:13px;}
.stf-logout img{width:67%;margin: 0 0 5px;}
.page-user-edit #edit-account input,.page-user-edit #edit-account label, .page-user-edit .group_one select, .group_two select{width:100%;}
.page-user-edit .form-item-field-staff-type-und{float:left;}
.page-user-edit .tabledrag-toggle-weight-wrapper{display:none;}
 
/*Dashboard*/
.page-dashboard #sidebar-first{display:block;}
.page-dashboard .view-dashboard .basic-detail, .page-dashboard .view-dashboard .usr-prfil-img,
.page-dashboard .view-dashboard span.emp-label, .email-label,
.page-dashboard .view-dashboard span.emp-detail{width:100%;}
.page-dashboard #block-views-home-tabs-block-2, #block-views-announcement-block-3{width:100%; margin-top: 4px;}
.user-logout-popup{width:50%; top: 100%;}

.page-user .field-label, .page-user .field-items{width:100%;}
.page-visitor-analytics .analytics_list ul{margin-left:0 !important;}	 
#content .tabs{border:none;}
#user-login input,#user-register-form input, #user-login label, .page-user .group_one, .page-user .group_two,
.page-user #user-register-form .group_one label, .page-user #user-register-form .group_two label, .page-user #user-register-form .group_one input,
.page-user #user-register-form .group_one textarea, .page-user #user-register-form .group_two select, .page-user #user-register-form .group_one select{width:100%;}
.page-user #user-register-form .group_two input, .page-user #user-register-form .group_two .form-textarea-wrapper, #user-register-form select{float:none; width:100%;}
#user-register-form .description, #user-pass input, #user-register-form label{width:100% !important;}
.page-user #user-register-form .group_one .form-type-date-popup input.date-clear{margin:0; position:static; width:100%;}
#user-pass .form-submit{width:auto !important;}
div.password-confirm, .guide-text{display:none;}
.form-submit{margin:5px 0 5px 0;}
.page-user .body-container{border:none;}
.page-user .group_two{margin-left:0;}
#user-pass label{float:left; width:100%; margin:0;}
#user-pass input{margin:0;}
ul.primary li a{font-size:82%;}

#user-login fieldset{margin-top:5px;}
.prof-info {width:100%;}
#quicktabs-organisation li{width:auto; margin:3px 0 3px 0;}	 

.container .nav-container {
    width: 100%;
    z-index: 99999;
    position: absolute;
}
	 
/*Top menu*/
.common-right .ico-emblem{display:block;}
/* .common-right ul li{padding: 4px 4px;} */

/*innner page Toggle*/
#sidebar-first{display:none;}
.inner-body-wrapper  .toggle-left-bar .menu-icon{background: url(../images/toggle-bar-white.png) no-repeat -4px 9px; width: 32px;height: 32px; float:right; margin-bottom:10px;}
.inner-body-wrapper  .toggle-left-bar .menu-text{ text-align:left; background: #563993;width: 100%;display: block;color: #fff;padding: 4px; font-size: 129%;}
/*03-03-17*/
.nav-wrapper ul ul ul{
left:0;
}
.gray-bg .event-clander .guide-text{color:#fff;}
.nav-wrapper ul li:first-child a{padding: 0px 10px 0px 19px !important;}
.jipmer-search-menu #search-block-form--2 input{margin-bottom:6px;}	 
/*Header search*/
.jipmer-search-menu #search-block-form--2{float:left; width:50%; margin:0;margin-left: 5px;}	 
	 
/*DonationPopup*/
.donation-jipmer::before{display:none;}	
.donation-img {width:90%;left: 4%; margin:0 auto; top:4%;}
.donation-jipmer{background:none; border:none; height:auto;}
.donation-jipmer .Volunteer, .donation-jipmer .financial-aid, .donation-jipmer .organs-tissue, .donation-jipmer .blood-donation
{width:50%; background:none; float:left; margin:0;}
.donation-jipmer ul {margin:0;}
.donation-jipmer ul li{height:auto;}
	 

div#sidebar-first{width:100%;float:left;}
div#content.rightportion{width:100%;float:left;}
/*Code by kamal Rawat 22 Feb*/	 
.section-dr-subhash-chandra-parija-1 .view-whos-who span,
.section-dr-jbalachander .view-whos-who span,
.section-dr-rp-swaminathan-0 .view-whos-who span,
.section-dr-b-vishnu-bhat-0 .view-whos-who span,
.section-administrative-contacts-0 .view-whos-who span{width:40%;}

.section-dr-subhash-chandra-parija-1 .view-whos-who .field-content p,.section-dr-jbalachander .view-whos-who .field-content p,
.section-dr-rp-swaminathan-0 .view-whos-who .field-content p,
.section-dr-b-vishnu-bhat-0 .view-whos-who .field-content p,.section-administrative-contacts-0 .view-whos-who .field-content p{
	clear:left;
}


#main-menu{margin-left:0 !important; min-height: 100%;}
.view .date-nav-wrapper .date-heading h3{font-size:100%;}



/* .carousel-wrapper {
    min-height: 245px;
} */
.banner-left-section, .director-ppointment, .event-clander, .minister,.banner-right-section{width:100%;}	 
.common-wrapper{padding:0;}	 
	 
	 
	 #block-menu-block-5 .menu-block-5{
    
    padding : 5px;
}
	 
.slide-caption{font-size:100%;}
.student-corner-login{margin-top:0; margin-bottom:5px;}
.user-login-popup{width:100%;}
.toggle-nav-bar{top:100%;}
.welcome-text, .whats-new, .minister {
  min-height: 0px;
  
}
.welcome-text, .minister{min-height:270px; margin-bottom:30px; background:none;}
.whats-new {
  float: left;
  margin: 0;
  padding: 20px 20px 25px;
  width: 70%;
}

.scheme {
  float: none;
  width: 100%;
  
}

.scheme-tab {
  padding: 30px 12px;
}

.whats-new {
  
  padding: 0 20px;
}

.resp-tabs-container {
  background-color:transparent;
  height:auto;
}
.resp-tabs-container ul.list li a {
  font-size:90%;
}
.resp-tab-active{background:#e3e2e0 !important; font-weight:600;}
.link-box {
  margin-bottom: 10px;
  width: 50%;
}

.mid-panel-right {
  background-size: 30% auto !important;
  background-position:center 20px;
  padding-top:160px;
  padding-left:12px;
}
.lpg-rates {
  width: 100%;
}
.video-gallery {
  padding: 13px 15px;
}

.links-box {
  
  width: 50%;
  min-height: 168px;
  padding: 0;
  margin-bottom:20px;
  border-right:none !important;
}

.footer-shiblinks .links-box {
  
  width: 50%;
  min-height: 168px;
  padding: 0px 2%;
}

.footer-shiblink-conatiner {
  display: block;
}

/*===========responsive nav ===========*/
/*responsive nav theme*/	
 
.header-wrapper{border-bottom:1px solid #04822e ;}
#nav li {
	background: #0e6d2e;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#nav li a {
}
.nav-wrapper ul li.open ul li a {
	background: #271c68 !important;
	color: #fff;
}
.nav-wrapper ul li.open ul li:hover a {
	background: #0e6d2e !important;
}
.sub-menu i {
	color: #fff;
}
.nav-wrapper ul li:hover a {
	background: #271c68 !important;
}
#nav {
	max-height: none;
	overflow: visible;
}
.mid-bg-wrapper .body-container {
	padding: 50px 0 5px;
}

.gallery-holder ul.slides {
	float: none;
	padding: 1px;
	width: 100%;
}
.gallery-holder ol.flex-control-nav.flex-control-thumbs {
	float: none;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}
.gallery-holder .flex-control-thumbs li {
	margin: 0 2% 0 0px;
	padding: 0;
	float: left;
	width: 32%;
}
.gallery-holder .flex-control-thumbs li:last-child {
	margin-right: 0px;
}



.gallery-area h3 {
  
  font-size: 118%;
  
  padding: 3px 15px;
}
.gallery-area a {
  
  font-size: 80%;
  
  padding: 6px 10px;
 
}
}
 @media all and (max-width : 767px) {
.cls-dir{width:50%;min-height:250px;}
.page-user .inner-body-wrapper h1{float:left; width:100%;}
.tabs-primary {border:none;}
.tabs-primary li{margin-bottom:5px; float:left; font-size:90%;margin-right: 3px;}	
.minister .min-info{text-align:left; padding-left:20px;}
.minister .min-info ul {
  display: block;
  padding: 8px 0 0;
  text-align: left;
}
.minister .min-info h4{padding-bottom:5px;}

.whats-new {
  padding: 0px;
  width: 100%;
  float: none;
}

.mid-panel-left {
  float: none;
  margin-bottom: 30px;
  width: 100%;
}
.mid-panel-right {
	background-position:23px center;
  float: none;
  width: 100%;
  padding:13px 12px 13px 150px;
  background-size:19% auto !important;
}
.lpg-rates {
  float: none;
}

.gallery-area {
  float: none;
  width: 100%;
}

.video-gallery {
  float: none;
  margin-top: 30px;
  padding: 10px;
  width: 100%;
}
.resp-tab-content {
  display: none;
  padding: 20px 5px;
}


}

 @media all and (max-width : 639px) {
/*Ex Director*/
.cls-dir{width:100%;}



.webform-client-form{max-width:320px;padding: 15px !important;}	
#feedback form textarea{height:50px;}
#webform-client-form-13 label{margin-bottom:0;} 
#feedback form label{padding-left:0;}
#search-block-form .form-text{width:60%;margin-left:20%;}
	 
	 .user-login-popup{margin-top:14%;}
	 .fixed{position:static;}
.toggle-nav-bar .menu-text{font-size:0px;}
.toggle-nav-bar .menu-icon{width: 55px;height: 27px;background: url(../images/toggle-bar.png) no-repeat;margin-top: 4px;
 background-size: 103% 114%;}
	 
.logo a span b{
    font-size: 241%;
    color: #563993;
    float: left;
    padding: 6px 7px 0 0;
    width: 26%;
    text-align:right;
    font-weight: bold;
 }
 
/*Feedback form*/
#feedback{width:auto;}
.webform-client-form > div{float: right;width:100%;}
#feedback{top:10%;}
#feedback a {position: fixed;right: 0;font-size: 0;}
	 
	 .jipmerhead1 {
       font-size: 120% !important;
       color: #000 !important;
       font-weight: normal;
       padding-left: 30px !important;
       padding-top: 0px !important;
       float: left;
       line-height: 16px;
       width: 70% !important;
       text-align: left !important;
}
.logo b:nth-child(2):before{content:''; content: '';border-left: 1px solid #000;height: 32px;float: left;margin-right: 7px;}
.jipmerhead2 {
        font-size: 110% !important;
        color: #737070 !important;
        font-weight: normal;
        float: left;
        text-align:left !important;
        width: 100% !important;
}
	 
.four_content .common-right ul{height: auto;}
.student-corner-login{margin-top:50px;}
.common-right ul{height:auto;}
.toggle-nav-bar {
  
    z-index: 9;
    color: #fff;
}
.logo {
	background-position: 0 0;
	background-size:18% auto !important;
	font-size: 100%;
	min-height: 62px;
	padding:8px 0 12px 0px;

}
.logo img {
    float: left;
    padding: 7px 5px 0 0px;
    width: 20%;
}

.logo a {
    float: left;
    padding-top: 16px;
    width: 80%;
    padding-left: 5px;
}
.banner-wrapper .container{width:100%;}


.mid-panel-right {
  background-position: center 20px;
  background-size: 30% auto !important;
  padding-left: 12px;
  padding-top: 160px;
}

.footer-shiblinks .links-box {
  
  width: 100%;
  min-height:0px;
  padding: 0;
  margin-bottom:20px;
  border-right:none !important;
  float:none;
  border-bottom:1px solid #d2d1d2;
}
.related-link-parent{    flex-direction: column;}
.related-link-parent > div{margin-bottom:20px;}

}
 @media all and (max-width : 500px) {
.link-box {
  float: none;
  margin-bottom: 15px;
  width: 100%;
}
.links-box{width:100%; float:none; min-height:0px;} 
	.minister .min-info {
  padding: 20px;
  text-align: left;
}
.mid-panel-right {
  background-size: 35% auto !important;
} 


.video-gallery {
 
  padding: 15px;
}


 }
 @media all and (max-width : 400px) {
	.mid-panel-right {
  background-size: 50% auto !important;
} 
 }
 

 
 @media all and (min-width: 320px) and (max-width: 420px) {
 	.videogallerymain .videocontent{
		 width: auto;
		 margin-left: 0px;
		 padding: 11px 15px 0 15px;
		}
	 .videogallerymain .inneriframe{
		 width: 100%;
		}
.vision-mission{background:#ff9934;}	
.donation{background:#fff; color:#000;}
.donation h2{background: url(../images/donation-black.png) no-repeat left;background-position: 10% 50%;}
.donation a{color:#000;}
.update-news{background:#199d0b;} 
	 
.common-right ul li ul{right:-30px;}
.minister .min-info{text-align:center;font-size:100%;} 
.nav-wrapper ul li span{background:url(../images/blt-bottom.png) no-repeat; background-position:right 50%; width:95%;display:block;}
.logo a strong{font-size: 57%; padding-bottom: 6px; padding-left: 15px; padding-right: 40px;}
.logo a span {color: #686868;font-size: 73%;font-weight: normal;}
.logo { background-position: 0 0 !important;  background-size: 18% auto !important; line-height: 13px;} 
.director-ppointment ul li{ font-size: 70%;}
.banner-left-section {  float: left; width: 100%;}
.banner-right-section { float: left;  width: 100%;}
.slide-caption {  height: auto;   width: 70%;}
.minister {float: none; min-height: 0;padding: 0px; width: 100%;}
.director-ppointment {  border: 1px solid #cfcfcf; color: #1a1a1a;  float: left;   margin: 0 2.5% 0 0;  width: 100%;}
.event-clander { float: left;  width: 100%;}
.col-span-1, .col-span-2, .col-span-3, .col-span-4, .col-span-5, .col-span-6{   margin-left: 10px; margin-right: 10px;}
.index-col:hover span {  width: 120px;}
.web-bg ul li { min-width: 140px;}


.related-link-section ul li { background: url("../images/blt-order.png") no-repeat scroll 0 8px; float: left; line-height: 26px;  padding-left: 10px; width: 50%;}
.related-link-section ul li a { color: #fff; font-size: 80%;}



}


@media all and (min-width: 481px) and (max-width: 501px) {
	.videogallerymain .videocontent{
		 width: auto;
		 margin-left: 0px;
		 padding: 11px 15px 0 15px;
		}
	 .videogallerymain .inneriframe{
		 width: 100%;
		}
	 /* .common-right ul{margin-right:30px;} */
	 .common-right ul li ul{right:-30px;}
	.minister .min-info{text-align:center;font-size:100%;}
	.nav-wrapper ul li span{background:url(../images/blt-bottom.png) no-repeat; background-position:right 50%; width:95%;display:block;}
	.logo a strong{font-size: 57%; padding-bottom: 6px; padding-left: 15px; padding-right: 40px;}
	 .logo a span {color: #563993;font-size: 73%;font-weight: normal; padding-left: 15px;}
	 
	
.banner-left-section {  float: left; width: 100%;}
.banner-right-section { float: left;  width: 100%;}
.slide-caption {  height: auto;   width: 70%;}
.minister {float: none; min-height: 0;padding: 0px; width: 100%;}
.director-ppointment {  border: 1px solid #cfcfcf; color: #1a1a1a;  float: left;   margin: 0 2.5% 0 0;  width: 100%;}
.event-clander { float: left;  width: 100%;}

.web-bg ul li { min-width: 210px;}
.related-link-section ul li{width:50%;}

div#sidebar-first{width:100%;float:left;}
div#content.rightportion{width:100%;float:left;}

}



@media all and (min-width: 601px) and (max-width: 701px) {
.logo{font-size:100%;}
	 /* .common-right ul{margin-right:30px;} */
	.common-right ul li ul{right:-30px;}
		.vision-mission h2 {background-position: 6% 50%;}
.donation h2{background-position: 6% 50%;}
.update-news h2{background-position: 6% 50%;}
	
	.nav-wrapper ul li span{background:url(../images/blt-bottom.png) no-repeat; background-position:right 50%; width:95%;display:block;}
	
	.logo a strong{font-size: 75%; padding-bottom: 6px; padding-left: 15px; padding-right: 40px;}
	 .logo a span {color: #563993;font-size: 93%;font-weight: normal; padding-left: 15px;}
	
.banner-left-section {  float: left; width: 100%;}
.banner-right-section { float: left;  width: 100%;}
.slide-caption {  height: auto;   width: 70%;}
.minister {float: none; min-height: 0;padding: 0px; width: 100%;}
.director-ppointment {  border: 1px solid #cfcfcf; color: #1a1a1a;  float: left;   margin: 0 2.5% 0 0;  width: 100%;}
.event-clander { float: left;  width: 100%;}
.col-span-1, .col-span-2, .col-span-3, .col-span-4, .col-span-5, .col-span-6{   margin-left: 30px; margin-right: 30px;}
.web-bg ul li { min-width: 130px;}

.related-link-section ul li{width:33%;}
.related-link-section ul li a{font-size:90%;}

div#sidebar-first{width:100%;float:left;}
div#content.rightportion{width:100%;float:left;}
}



@media all and (min-width: 801px) and (max-width: 901px) {
	 /* .common-right ul{margin-right:30px;} */
	.common-right ul li ul{right:-30px;}
	.vision-mission h2 {background-position: 5% 50%;}
.donation h2{background-position: 5% 50%;}
.update-news h2{background-position: 5% 50%;}
	
	.nav-wrapper ul li span{background:url(../images/blt-bottom.png) no-repeat; background-position:right 50%; width:95%;display:block;}
	
	.banner-left-section {  float: left; width: 100%;}
.banner-right-section { float: left;  width: 100%;}
.slide-caption {  height: auto;   width: 70%;}
.minister {float: left; min-height: 0;padding: 0px; width: 49%;}
.director-ppointment {  border: 1px solid #cfcfcf; color: #1a1a1a;  float: right;margin:0px;     width: 49%;}
.minister img {  margin: 48px;}
.event-clander { float: left;  width: 100%;}
.col-span-1, .col-span-2, .col-span-3, .col-span-4, .col-span-5, .col-span-6{   margin-left: 50px; margin-right: 50px;}
.web-bg ul li { min-width: 170px;}
.related-link-section ul li {  background:  url("../images/blt-order.png") no-repeat scroll 10px 10px; line-height: 26px; padding-left: 28px; width: 32%;}

div#sidebar-first{width:100%;float:left;}
div#content.rightportion{width:100%;float:left;}
}



@media all and (min-width: 769px) and (max-width: 1001px) {

	 /* .common-right ul{margin-right:30px;}
	 .common-right ul li ul{right:-30px;} */
.common-left ul li span{font-size:110%;}
.vision-mission h2 {background-position: 5% 50%;}
.donation h2{background-position: 5% 50%;}
.update-news h2{background-position: 5% 50%;}

.nav-wrapper ul li span{background:url(../images/blt-bottom.png) no-repeat; background-position:right 50%; width:95%;display:block;}

.banner-left-section {  float: left; width: 100%;}
.banner-right-section { float: left;  width: 100%;}
.slide-caption {  height: auto;   width: 70%;}
.minister {float: left; min-height: 0;padding: 0px; width: 49%;}
.director-ppointment {  border: 1px solid #cfcfcf; color: #1a1a1a;  float: right;margin:0px;     width: 49%;}
.minister img {  margin: 48px;}
.event-clander { float: left;  width: 100%;}
.col-span-1, .col-span-2, .col-span-3, .col-span-4, .col-span-5, .col-span-6{   margin-left: 50px; margin-right: 50px;}
.web-bg ul li { min-width: 160px;}
.related-link-section ul li {  background:  url("../images/blt-order.png") no-repeat scroll 10px 10px; line-height: 26px; padding-left: 28px; width: 32%;}



div#sidebar-first{width:100%;float:left;}
div#content.rightportion{width:100%;float:left;}

}



@media all and (min-width: 1025px) and (max-width: 1200px) {
	 /* .common-right ul{margin-right:30px;} */
	.common-right ul li ul{right:-30px;}
	.director-ppointment ul li{ font-size: 80%;text-align:center;width:100%;}
	.director-ppointment h2{font-size:110%;}
	.minister .minister-title{font-size:110%;}
	.minister-content{ padding: 8px;}
	.director-ppointment p {  font-size: 100%;   line-height: 18px;}
	
.vision-mission h2 {background-position: 4% 50%;}
.donation h2{background-position: 4% 50%;}
.update-news h2{background-position: 4% 50%;}
	
	.nav-wrapper ul li span { padding: 0 15px !important;}
.nav-wrapper ul li a { padding: 0 9px !important;}
.nav-wrapper ul li:first-child a { padding: 0 8px !important;}
	
.banner-left-section {  float: left; width: 100%;}
.banner-right-section { float: left;  width: 100%;}
.slide-caption {  height: auto;   width: 70%;}	

.col-span-1, .col-span-2, .col-span-3, .col-span-4, .col-span-5, .col-span-6{   margin-left: 15px; margin-right: 15px;}

.web-bg ul li { min-width: 210px;}
.logo{font-size:124%;} 
.vision-mission, .donation,.update-news{width:33.3%; float:left;min-height: 200px;} 
.stf-login{right:14%;}
#user-login input{width:100%;}
}

@media only screen and (min-width: 320px) and (max-width: 480px){ 
.index-col{width:50%; margin-left:0; margin-right:0;}
.col-span-1, .col-span-2, .col-span-3, .col-span-4, .col-span-5{margin-left:18%;}
.col-span-6{float:left;margin-left:18%;}
.tabs-primary li{margin-bottom:5px; width:100%;}
ul.primary li a{font-size:100%;}
.student-corner-login{margin-top:0;}

}

 @media only screen and (min-device-width:1024px) {
     .toggle-left-bar{display:none;}
	 .page-user .field-label{margin-right:15px;}
	 #content .tabs{border:none;}
	 .page-dashboard #block-views-home-tabs-block-2, #block-views-announcement-block-3{width:47%;}
	 
}

/*8 july changes by sujay*/
 @media all and (max-width : 600px) {
	.region-header-top{display:block;}
}