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

@media screen and (max-width: 650px)
{
html, body{margin:0px; padding:0px; font-family:roboto;}

#top{ width:100%; float:left; background-color:#ff9933; height:auto; text-align:center !important;}

#top #logo1{float:none !important; width:auto; height:70px; margin-left:0%; margin-top:15px; margin-bottom:15px 0px; display:inline-block !important;}

#top-theam{float:left; margin-left:5%; width:90%; display:inline-block; text-align:left;}
#top-theam h3{font-size:15px; margin-top:10px; color:#990033;}
#top-theam p{font-size:12px; margin-top:-17px;color:#990033;}

#top table{margin-left:5%; float:left; margin-top:5px; font-size:12px; height:30px; width:100%; display:none;}
#top table tr{display:table !important; width:100%;}
#top table tr td{margin:0px; padding:0px; padding-right:0px;}
#top table tr #contact, #email{display:none;}
#top table img{height:20px; border:2px solid white; border-radius:100%;}
#top table img:hover{cursor:pointer;}

/*************************************************menu*/	
header #menu{margin:0px; padding:0px; width:100%; height:auto; background:#990033; text-align:center; position:relative; top:0; float:left; z-index:500;}

	
.navbar {
    overflow: hidden;
    font-family: Arial;
	width:100%;
	height:auto;
	text-align:center;
	display:inline-block;
	float:left;
	display:inline-block;
	margin-top:0px !important;
}

.navbar a {
    float: left;
    font-size: 13px;
    color:white;
	height:30px;
	line-height:30px;
    text-align: left;
    padding:0px 0px;
	text-decoration: none;
	display:inline-block;
	overflow:hidden;
	border-top:2px solid #990033;
	border-bottom:2px solid #990033;
	
	width:100%;
    text-decoration: none;
	border-right:none;
		padding-left:5px;
	box-shadow:none;
}


.dropdown {
    float: left;
    overflow: hidden;
	height:100%;
	display:inline-block;
	height:auto;
	width:100%;
	text-align:left;
}

.dropdown .dropbtn {
	height:100%;
    color: white;
    padding: 0px 22px;
    background-color: inherit;
	
	 float: left;
    font-size: 13px;
    color: white;
	height:30px;
    text-align: left;
    padding:0px 0px;
	width:100%;
	line-height:27px;
    text-decoration: none;
	display:inline-block;
	border-right:none;
		padding-left:5px;
	border-radius:0px;
	box-shadow:none;
	border-bottom:2px solid inherit;
}

.navbar a:hover, .dropdown:hover .dropbtn {
	background-color:orange;
	border-top:2px solid #fff;
	border-bottom:2px solid orange;
}

.dropdown-content {
    display: none;
    position: absolute;
	float:left;
	margin-top:30px;
    background-color:none;
    min-width: 120px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
	background-color:#660000;
	padding:0px 0px;
	background-color:#333;
}

.dropdown-content a {
    float: none;
    color: white;
	height:auto;
    padding:0px 10px;
    text-decoration: none;
    display: block;
	border-top:1px dotted white;
    text-align: left;
	height:30px;
	line-height:30px;
	border-top:2px dashed black;
}

.dropdown-content a:hover {
     background-color: #000;
	color:#fff;
}

.dropdown:hover .dropdown-content {
    display: block;
}

#blink_btn{
	animation:infinite br 2s;}

#menu-home{width:83%; float:left; display:block;}
#menu-home-non{display:none;}

.navbar .icon {
  font-size:13px;
  display:inline-block;
  width:100%;
  float:left;
  text-align:center;
  height:26px; 
  line-height:26px;
}



.sticky {
  position: relative !important;
  top: 0 !important;
  width: 100%;
  z-index:999999;
}

.sticky #logo{margin-top:0px !important;}	
.sticky #menu .navbar{margin-top:0px !important;}	


/*****************************************menu closed*/	


#banner{width:100%; height:130px; float:left; overflow:hidden; z-index:-1; position:relative;}
#banner img{width:100%; z-index:-1; position:absolute;}

#download-brochure{padding:5px 10px; width:5%; background-color:#990033; border-bottom:2px solid white; border-left:1px solid white; position: fixed; z-index:99999; margin-top:300px; margin-left:94%; cursor:pointer; color:white; border-radius:10px 0px 0px 10px; display:none;}

#banner-cont{width:100%; text-align:center; margin-top:260px; height:120px; position:absolute; z-index:5; overflow:hidden;}
#banner-cont p{display:inline-block; color:white; font-size:15px !important; margin-top:0px; font-family:Lato;}
#banner-cont p span{font-size:12px !important;}

#timer{height:32px; width:90%; float:left; margin-left:5%; background-color:#ff0000; border-radius:0px; margin-top:10px; text-align:center;}
#timer #head{background-color:#cc6600; padding:5px 0px; text-align:center; width:100%; border-radius:0px; font-size:15px; color:white; font-family:Lobster;}

#main-body{float:left; width:100%; height:auto; margin-top:50px;}

#head-box{width:90%;margin-left:5%;} 

#main-h{padding:7px 0px; width:100%; text-align:center; font-size:25px; float:left; background-color:#F33; border-radius:20px; background:url(images/inspirational-background-free-psd-backgrounds-.jpg); color:white; box-shadow:0px 4px #ccc;}

#main-h-in{padding:7px 15px; width:90%; font-size:25px; float:left; background-color:#F33; border-radius:20px; background:url(images/inspirational-background-free-psd-backgrounds-.jpg); color:white; box-shadow:0px 4px #ccc;}

#head-line{width:90%; height:2px; background:url(images/inspirational-background-free-psd-backgrounds-.jpg); position:absolute; margin-top:22px; z-index:-1; margin-bottom:30px; display:none;}

#wel-left{width:90%; height:auto; float:left; margin-left:5%;}

#wel-head{color:#600 !important; font-size:16px; margin-bottom:0px;  margin-top:30px;}


#wel-left p{width:99%; float:left; color: #666; text-align:justify; margin-left:1%;}

#wel-right{width:90%; height:auto !important; margin-right:0%; margin-left:5%; float:left; text-align:center;}
#home-chair{border:2px dashed #333333; width:240px; margin-top:30px; display:inline-block;}
#wel-right-venue{color:red;}
#wel-right-vn{background:url(images/Untitled-1.png); width:300px; height:350px; display:inline-block;}

#committee-member{width:100%; padding:15px 0px; float:left; background-color: #FCE0A7; text-align:center; margin-top:50px !important;}
#committee-member h1{width:100%; font-size:25px; text-align:center; color:red;  font-family:Lato; font-weight:1900;}

.committee #home-chair{border:none; border-radius:25px 25px 10px 10px; background-color: #E0E0E0; width:240px; margin-top:30px; display:inline-block; border-top:5px solid #600; border-bottom:1px solid #600;}


#delhi{width:100%; padding:25px 0px; float:left;}
#delhi-img{width:230px; height:230px; background-color:gray; margin-left:35px; float:left; overflow:hidden;}
#delhi-img img{height:100%;}
#delhi-about{margin-right:0px; margin-left:5%; float:left; width:90%;}
#delhi-about p{width:100%; float:left; color: #666; text-align:justify;}
#delhi-about p #read-mr{float:left; padding:2px 5px; background-color:red; color:white; margin-top:5px; cursor:pointer;}





#quick-link{width:100%; height:auto; padding-bottom:20px; float:left; background-color:#ffdd69; background:url(images/delhi/about-banner.jpg); text-align:center;}
#quick-link #main-h{margin-left:5%; margin-top:35px; z-index:2; position:relative; width:90%;}
#quick-link #main-h #head-line{width:100%; margin-top:-15px;}


#quick-link-tab-pane{float:none; width:300px; margin-left:0%; text-align:center; display:inline-block;}
#quick-link-tab{border-radius:0% 100% 100% 100%; width:150px; height:150px; float:none; display:inline-block; margin-left:0%; margin-top:70px; text-align:center; cursor:pointer; box-shadow:2px 3px white;}
#quick-link-tab-icon{width:65px; height:65px; background-color: #fff; border-radius:100%; margin-left:-35px; margin-top:-35px; position:absolute; border:2px solid white;}
#quick-link-tab-icon img{width:80%;}

#quick-link-tab p{width:100%; margin-top:55px; float:left;}

#quick-link-tab-pane a{text-decoration:none; color:black;}


#map{width:100%; height:550px; float:left;}





footer{float:left; height:auto; width:100%; margin-top:50px;}
#bottom{width:100%; padding:15px 0px; float:left; text-align:center;}
#bottom-bottom{width:100%; margin-left:0%; float:left; background-color:#990033; text-align:center; color:white; padding:10px 0px;}
#bottom-1, #bottom-2, #bottom-3{width:90%; display:inline-block; font-size:20px;}
#bottom-1{float:none; margin-left:0%;}
#bottom-3{float:none; margin-right:0%; text-align:center;}
#bottom-rssdi-logo{height:70px; float:none; margin-bottom:20px;}
#bottom-1 p{float:left; width:100%; text-align:left;}
#bottom-2 p{float:left; width:100%; text-align:left;}
#bottom-2{margin-top:18px;}
#bottom-2 #bottom-concept-logo{float:left; height:45px;}
#bottom-2 a{text-decoration:none; color:black;}
#visitors{margin-top:0px; max-width:100%; display:inline-block; float:none;}


/*******************************************org team slide*/

.jcarousel-wrapper{
height:250px;
width:100% !important;
margin-left:0%;
background:none !important;
border:none !important;
box-shadow:none;
margin-bottom:0px;
display:inline-block;
margin-top:0px !important;
padding-bottom:15px;
}

.jcarousel{
height:100%;
margin-top:0px;
width:100%;
}

ul{
margin-top:0px !important;
height:100%;
border:none !important;
width:100%;
text-align:center;
}

.jcarousel ul li{
width:240px !important;
text-align:center;
border:none !important;
height:100%;
border:2px dashed #333333 !important;
margin-left:30px;
display:inline-block;
}

.jcarousel-control-prev img{margin-left:-25px; height:25px; margin-top:-10px;}
.jcarousel-control-next img{margin-left:15px; height:25px; margin-top:-10px;}

/**********************************************team slide end*/	

#image-base{width:150px; height:150px; padding:5px; border-radius:100%; display:inline-block; margin-top:20px; background-color: #CCC; }

#image-base img{width:100%; height:100% !important; border-radius:100%; overflow:hidden;}

#com-name{line-height:28px; margin-top:0px;}



/***/
#countdown{width:100%; margin-right:0%; float:none; margin-top:20px; display:inline-block;}

#left-days{width:auto; text-align:center; margin-left:2px; margin-right:2px; display:inline-block; margin-top:-15px;}

#left-days #left-days-in{display:inline-block; font-size:20px; padding:5px 15px; color:white; background-color:black; border-radius:0px;}

#left-days span{display:inline-block; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:white; margin-top:3px;}

#reg-online{background-color: #fff; padding:10px 15px; float:none; margin-right:0%; display:inline-block; font-size:24px; border-radius:5px; margin-top:25px; cursor:pointer; animation:infinite reg-bl 1s;}

@keyframes reg-bl
{
50%{background-color:yellow;}
}
/*countdown end*/




/*******************************************org team slide*/

#delhi-wrapper{
height:230px;
width:100% !important;
margin-left:0%;
background:none !important;
border:none !important;
box-shadow:none;
margin-bottom:0px;
display:inline-block;
margin-top:-15px !important;
padding-bottom:0px;
text-align:center;
}

.jcarousel{
height:100%;
margin-top:0px;
width:300px; 
display:inline-block;
}

ul{
margin-top:0px !important;
height:100%;
border:none !important;
width:100%;
}

#delhi-wrapper .jcarousel ul li{
width:280px !important;
text-align:center;
border:none !important;
height:100%;
padding:30px;
margin:0px;
margin-left:10px;
overflow:hidden;
}

#delhi-wrapper .jcarousel ul li img{
height:100% !important;
width:auto;
float:left;
cursor:pointer;
}

#delhi-wrapper .jcarousel ul li p{
float:left;
position:absolute;
padding:3px 5px;
background-color:#09F;
color:white;
bottom:4px;
cursor:pointer;
}
/**********************************************team slide end*/	

/*********************contact*/

#contact{width:90%; margin-left:3%; margin-bottom:20px;}
#contact p{margin-left:0px; padding:5px; font-size:25px; border-bottom:2px solid #600; width:100%; font-family:'Ubuntu', sans-serif; }

#contact table{width:100%; }

#contact input[type="text"], input[type="number"], input[type="email"]{float:left; width:100%; height:38px; font-size:13px; font-style:oblique; font-family:"Comic Sans MS", cursive; border-radius:3px; border:none; border:1px solid #CCC; padding:0px 5px;}
input[type="number"]{ -webkit-appearance: none; -moz-appearance:textfield;
    margin: 0;}
		

#contact textarea{width:98%; height:160px; font-size:15px; font-style:oblique; font-family:"Comic Sans MS", cursive; border-radius:5px; resize:none; border:1px solid #CCC; padding:5px;}

#contact input[type="submit"]{width:150px; height:40px; outline:none; border:none; font-weight:400; color:#003; background-color: #600; cursor:pointer; border-radius:5px; font-size:16px; color:white;}

#contact input[type="submit"]:hover{background-color:#64b74f; color:white; transform: scale(1.1);}



#contact #contact-cont{width:450px; height:315px; border:15px solid none; padding:5px; background-color:none; margin:0px 50px; text-align:left; margin-left:0px; background-color:#30F;}

#contact-cont1{width:450px; height:315px; display:inline-block;  border:15px solid none; padding:5px; background-color:none; margin:0px 50px; text-align:left; }


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}


#sci-hig-l{width:85%; margin-left:5%; float:left;}
#sci-hig-r{float:left; width:90%; margin-left:5%; margin-top:20px;}

#sci-hig-r .sh1{width:50%; float:left;}
#sci-hig-r .sh2{width:50%; float:left;}
#sci-hig-r .sh3{width:100%; float:left;}

#faculty-body{width:90% !important; margin-left:5% !important;}
#team-name{margin:10px 0px !important;}

#home-chair{margin-left:0px !important; margin-right:0px !important;}

#about-rssdi-p{width:90% !important; margin-top:-30px;}

#vnp{width:90% !important; height:auto !important;}
#vnp ul{width:85% !important; float:left;}


#delhi-attractions{background-color:#F00; width:100% !important; margin-left:0px !important;}
#delhi-attractions table{width:100% !important; float:left; margin-left:0px !important;}
#delhi-attractions table tr{display:table; width:100%; padding-bottom:0px;}
#delhi-attractions table tr td{display:table-row; width:100%;}
#delhi-attractions table tr td #line{width:100% !important; margin-top:0px !important;}




/*******************registration*/
#reg-detail{display:inline-block; float:none; width:100% !important; margin:0px; padding:0px; border:1px solid white; color:white; margin-top:0px;}
#reg-detail tbody{width:100% !important;}
#reg-detail tr{width:100%; background-color: #999; height:40px;}
#th{background-color:#990033 !important;}
#reg-detail tr #col1{width:25% !important; text-align:left !important;}
#reg-detail tr #col2, #col3, #col4{width:25% !important;}


#online-registration{width:100%; margin-top:0px; border:1px solid white; text-align:left;}
#online-registration tr{display:table;}
#online-registration tr td{display:table-row;}

#reg-tab{float: left; width:100%; text-align: center; margin-top: 20px}
#reg-tab a{width:300px; padding:15px 0px; background-color: #990033; color: white; display: inline-block; cursor: pointer; margin: 10px 0px; text-decoration: none;}



}