@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: #3777BD;}
#top table{margin-left:5%; float:left; width:90%; padding:10px 0px; font-size:13px; text-align:center;}
#top table tr{display:table !important; width:100% !important;}
#top table tr td{display:table-row !important; width:100% !important;}
#top table #logo{height:100px; margin-top:10px;}
#top table h1{text-align:center; font-size:15px; color:white;}
#top table tr td table{float:none; color:white;}
#top table tr td table tr td img{height:20px; border:2px solid white; border-radius:100%;}
#top-social img{margin-right:0px; margin:0px 5px;}




/*************************************************menu*/	
#menu{margin:0px; padding:0px; width:100%; height:auto !important; text-align:center; top:0; margin-top:50px; margin-top:15px; z-index:1; float:left; position:abslolute;}

#header-logo-1{height:60px; margin-top:0px; margin-left:7%;  z-index:1 !important; float:left;}

#header-logo-2{height:60px; margin-top:0px; margin-right:7%;  z-index:1 !important; float:right;}

.navbar {
	float:left;
    overflow: hidden;
    font-family: Arial;
	background:url(img/344830.jpg);
	width:100%;
	height:auto;
	text-align:center;
	display:inline-block;
	margin-top:0px !important;
}

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

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

}

.dropdown .dropbtn {
	 float: left;
    font-size: 13px;
    color: white;
	height:30px;
    text-align: left;
    padding:0px 0px;
	width:100%;
	line-height:30px;
    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 {
}

.dropdown:hover .dropbtn {
	border-bottom:2px solid white;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:none;
    min-width: 80%;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
	 padding:0px;
	 margin-top:30px;
	 padding-right:10px;
	 background-color:#66F;
}

.dropdown-content a {
    float: none;
    color: white;
	height:auto;
    padding:0px 5px;
	width:100%;
    text-decoration: none;
    display: block;
	border-top:none;
    text-align: left;
	height:30px;
	border-left:none;
	margin-left:0px;
	line-height:30px;
}

.dropdown-content a:hover {
  
}

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

#menu-home{width:80%; display:block !important;}

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

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

.sticky #logo{margin-left:0%; margin-top:0px;}	

.sticky #logo img{width:100%; height:65px; position:absolute; z-index:1}


#menu .navbar #menu-non-home, .dropdown, span{display:none;}
/*****************************************menu closed*/	


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

#banner-cont4{margin-top:-160px; margin-left:55%; position:relative; width:40%; float:right !important; margin-right:0px;  }

#banner-cont4 a{color:white; text-decoration:none; background-color:#990033; color:white; font-size:11px; font-weight:100; width:120px; padding:5px; margin-top:7px; border-radius:2px; float:right;}

#banner-cont4 a:hover{background-color:#ff3333;}

#news-line{width:100%; margin-left:0%; color:white;  background-color: #3777BD; padding:5px 0px; float:left; font-size:25px}
#news-line marquee{width:90%; margin-left:5%; color:white;}
#news-and-announcement a{text-decoration:none !important; color: #333 !important;}
#news-and-announcement a:hover{color: #09F !important;}

#page-head{width:90%; margin-left:5%; float:left; padding:10px 0px; color:gold; text-align:center; font-size:20px; background-color: #3777BD; border-radius:0px 0px 100% 100%; border-top:1px solid #CCC;}

#main-body{float:left; width:90% !important; height:auto; margin-left:5% !important; margin-top:20px; text-align:center;}

#main-left{width:100% !important; float:left;}
#main-center{width:100% !important; display:inline-block;}
#main-right{width:100% !important; float:right;}

#wel-message-team{width:100% !important; font-size:12px;}

#mono-head{color:white; background-color:#990033; width:100%; padding:12px 0px; border-radius:20px; font-weight:600; box-shadow:0px 4px #ccc;}


#main-left div{width:96% !important; text-align:left; margin-left:2%; color:#333; font-size:15px;}
#main-center div{width:98% !important; text-align:justify; margin-left:1%; color:#333; font-size:15px;}
#main-right div{width:96% !important; text-align:left; margin-left:2%; color:#333; font-size:15px;}



#main-h{padding:7px 0px; font-size:25px; float:left;background-color:#990033; border-radius:20px; color:white; box-shadow:0px 4px #ccc; width:100%;}
#head-line{width:90%; height:2px; background-color:#990033; position:absolute; margin-top:22px; z-index:-1; margin-bottom:30px;}



#nav-menu{width:100%; float:left; padding:10px 0px; border-bottom:1px solid #CCC; color: #003; text-decoration:none;}







#wel-left{width:58%; height:350px; float:left; margin-left:5%;}

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

#wel-right{width:25%; height:350px; margin-right:5%; float:right; text-align:center;}
#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:300px !important;}
#committee-member h1{width:100%; text-align:center; color:red;  font-family:Lato; font-weight:1900;}


/*#delhi{width:100%; padding:25px 0px; float:left; margin-top:20px;}
#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:5%; float:left; width:100%; margin-top:0px;}
#delhi-about #main-h{width:100%;}
#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;}
*/

#hm-delhi{width:100%; float:left; margin-top:50px;}

#delhi-about{margin-left:0%; float:left; width:100%;}
#delhi-about p{width:99%; float:left; color: #666; text-align:left; margin-left:1%; margin-top:20px;}
#delhi-about p #read-mr{float:left; padding:2px 5px; background-color:red !important; color:white; margin-top:5px; cursor:pointer;}

#delhi{width:100%; padding:25px 0px; float:left; margin-top:-10px;}
#delhi-img{width:230px; height:230px; background-color:gray; margin-left:35px; float:left; overflow:hidden;}
#delhi-img img{height:100%;}





#quick-link{width:100%; height:400px; float:left; background-color:#ffdd69; background:url(images/delhi/about-banner.jpg)}

#quick-link-tab-pane{float:left; width:100%;}
#quick-link-tab{border-radius:0% 100% 100% 100%; width:150px; height:150px; float:left; margin-left:10%; 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%;}
#bottom-bottom{width:100%; float:left; background-color:#990033; text-align:center; color:white; padding:10px 0px;}

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

.jcarousel-wrapper{
height:250px;
width:1145px !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;
}

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

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

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




/**countdown*/
#countdown{width:100%; margin-right:-5%; float:right; margin-top:40px;}

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

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

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

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

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




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

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

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

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

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

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

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

#AutoNumber24{font-size:14px; width:100% !important; float:left; padding:0px !important; max-width:100%;}
#AutoNumber24 tr{display:table; width:100% !important;}
#AutoNumber24 tr td{display:table-row; width:100% !important;  padding:0px !important;}

#AutoNumber24 input,textarea{width:250px !important; height:25px; resize:none; }
#AutoNumber24 input[type="submit"], input[type="reset"]{width:100px !important; color:white; max-width:100px; background-color:#3777BD; height:35px !important; margin:5px 0px !important; cursor:pointer;}



#contact{width:300px !important;}
#contact tr{display:table; width:255px !important;}
#contact tr td{display:table-row; width:100% !important;}

#venue-lalit{width:270px !important;}


#delhi-page{width:100%;}
#delhi-page tr{display:table;}
#delhi-page tr td{display:table-row; text-align:justify;}
#delhi-page tr td strong{float: right; margin-top:25%;}




#popup-containt{float:left; width:100%; height:100%; opacity:10; position:absolute; z-index:999999999; text-align:center; position:fixed; display:none; }
#popup-containt div{text-align:left; height:auto; width:85%; background:#e9d4ff; background-size:100% auto; display:inline-block; padding:3px; color:white; margin-top:20%; box-shadow: 0 0px 10px -2px black; border-radius:5px;}
#popup-close{height:25px; position:absolute; margin-left:81.8%; margin-top:-17px; cursor:pointer;}
#popup-image{width:100%; display:inline-block; vertical-align:middle; cursor:pointer;}
#popup-containt div h1{margin:0; padding:0; font-size:35px;}
#popup-containt div #para{font-size: 20px; line-height: 30px; color:rgba(35,35,35,1.00)}

}