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

@import url('https://fonts.googleapis.com/css?family=Anton|Rubik&display=swap');

@media screen and (max-width:700px)
{
header{margin:0px; padding:0px; width:100%; float:left; height:auto; position:relative;}

header #clock{float:left; background:#028343; height:80px; width:100%; padding:0px 0%; text-align:center; margin-top:30px;}

header #clock #contact{color:white; width:100% height:auto; margin:0; font-size:10px; float:left; background:red; display:none;}

header #clock #reg-now{height:auto; width:100%; padding:0px 35px; line-height:80px; font-size:30px; color:white; background:#a3277b; background:red; text-decoration:none; float:left; display:none;}

header #title{float:left; height:auto; width:90%; padding:15px 5%; text-align:center;}

header #title #logo{float:left; width:100%; }

header #title #logo img{width:270px; margin-top:5px;}

header #title #name{float:left; width:100%; height:auto; color:#036f39; margin:0px 0px; margin-left:0%; font-size:14px; text-align:left; line-height:18px;}

header #title #name #s1{float:left; width:100%;}

header #title #name #s2{color:#a3277b; width:100%; font-size:30px; line-height:35px; margin-top:5px; float:left;}

header #title #name #s2-theme{color:#a3277b; width:100%; font-size:16px; line-height:18px; margin-top:5px; margin-bottom:0px; float:left;}

header #title #name #s3{}

header #title #date-venue{float:none; display:inline-block; margin-top:10px; width:95%; padding:14px 0px; border:2px solid #028343; color:#036f39; text-align:center; font-size:23px; line-height:35px; font-weight:600px;}


/*****************************************countdown*/
#countdown{width:auto; text-align:center; float:none;  z-index:99591; position:relative;}
#left-days{text-align:center; display:inline-block; padding:0px 10px; display:inline-block; margin-top:0px; width:auto;}
#left-days #left-days-in{display:inline-block; font-size:45px; height:60px; width:auto; line-height:60px; color:white; font-family: 'Anton', sans-serif;}
#left-days span{display:inline-block; font-size:12px; margin-top:0px; color:#fff;}
/*****************************************countdown end*/




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

.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%;
    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, .icon:hover {
	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;
	 border-radius:0px;
}

.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:13px;
  display:inline-block;
  width:18% !important;
  height:28px;
  float:right;
  line-height:28px;
  text-align:center;
  border-bottom:2px solid inherit;
}


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

.dropdown:hover > .dropdown-content {
    display: block;
	margin-top:30px;
	animation:none;
}


@keyframes lala
{
0%{margin-top:0px; opacity:10;}	
}
/*****************************************menu closed*/	

.sticky{position:relative !important; top:0; z-index:9998998989; background:#028343 !important;}
.sticky .dropdown .dropbtn{padding:0px 5px;}
.sticky img{display:none !important; margin-left:15px;}


#data-bd{float:left; width:100%; margin-top:0px;}

/**********************************************banner*/
#banner{width:100%;  height:135px; background:blue; float:left; overflow:hidden;}
#banner img{height:auto; width:100%; float:left;}
/**********************************************banner closed*/

h1{width:90%; margin-left:5%; font-size:25px; float:left; margin-top:40px;}
h2{}

#in-titile{font-size:25px; background:#E9E9E9; text-align:center; padding:25px 0px; margin-bottom:25px; color:#a3277b;}


#wel-message{float:left; margin-left:5%; width:90%; padding-right:3%;}

#wel-team{float:left; margin-left:5%; width:90%; text-align:center;}

#team{display:inline-block; width:130px; border:1px solid #028343; text-align:center; padding:10px; margin:10px;}
#team #photo{width:110px; height:110px; border-radius:100%; overflow:hidden; display:inline-block;} 
#team #photo img{width:100%;} 
#team #desig-name{margin:0; display:inline-block; font-size:14px; margin-top:5px;}


#quick-links{float:left; margin-left:0%; width:100%; text-align:center;}
#quick-links h1{text-align:left;}
#quick-links a{height:40px; width:84%; display:inline-block; color:white; padding:15px 5%; border-bottom:1px dotted white; background:#028343;}
#quick-links a img{height:40px; float:left;}
#quick-links a p{font-size:25px; margin:0; margin-left:10px; height:40px; line-height:40px; width:auto; float:left;}



/*******************************************org team slide*/
#home-org{ width:100%; text-align:center; float:left; margin-top:50px; background: #EAEAEA; padding-bottom:50px;}
#home-org h1{margin-bottom:30px;}

.jcarousel-wrapper{
height:230px;
width:230px !important;
margin-right:0px;
background:none !important;
border:none !important;
box-shadow:none;
float:none;
margin:0px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
display:inline-block;
margin-left:0px !important;
}

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

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

.jcarousel ul li{
width:203px !important;
text-align:center;
height:100%;
margin:0px 15px;
background-color:white;
border:2px solid #028343;}

.jcarousel-control-prev{height:50px !important; margin-top:0px !important;}
.jcarousel-control-next{ height:50px !important; margin-top:0px !important;}

.jcarousel-control-prev img{height:100%; margin-left:0px;}
.jcarousel-control-next img{height:100%; margin-left:0px;}
/**********************************************team slide end*/	

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

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

#com-name{margin-top:5px; font-size:14px;}

h3{background-color:#028343; color:white; padding:10px; border-radius:50px; margin-top:50px;}

#vn-container{width:80%; text-align:center; margin-top:25px; float:left; margin-left:10%;}





#oc-container{width:80%; text-align:center; float:left; margin-left:10%;}
#oc-b{
width:203px;
display:inline-block;
text-align:center;
height:auto;
margin:25px 20px;
background-color:white;
border:2px solid #028343;}

#image-base{width:150px; height:150px; padding:3px; border-radius:100%; margin-top:10px; display:inline-block; background-color: #028343; }
#image-base img{width:100%; height:100% !important; border-radius:100%; overflow:hidden;}
#com-name{margin-top:5px; font-size:14px;}


#rg-container{width:80%; text-align:center; float:left; margin-left:10%;}

#reg-table{font-size:14px;}

#rega-btn{padding:15px 20px; margin:5px 15px; border-radius:12px; cursor:pointer; color:white; float:none; display:inline-block;}
#rega-btn #rega-inn{display:block; font-size:18px !important;}
#rega-btn #rega-inn img{display:none;}

#rega-btn:hover{ transform:scale(1.1); }




#contact{width:60%; text-align:left; float:left; margin-left:0%; margin-bottom:15px;}
#contact input[type="text"], input[type="number"], input[type="email"], textarea{width:275px; height:30px; padding:5px; resize:none; -moz-appearance:textfield; -webkit-appearance:textfield; appearance:none; border-radius:5px; border:1px solid #155a9e; background-color:#FFF;}

#contact textarea{height:100px;}
#contact input[type=number]::-webkit-inner-spin-button, 
#contact input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0;}
#contact input[type="submit"]{height:40px; width:150px; border:none;  background-color:#028343; color:white; cursor:pointer; border-radius:5px;}
#contact input[type="submit"]:hover{transform:scale(1.1); background-color:#a3277b;}

#contact-add{float:left; width:40%; display:none;}


#hm-delhi-cont{float:left;}


#hm-delhi1{
/*height:230px;*/
width:100% !important;
margin-right:0px;
background:red !important;
border:none !important;
box-shadow:none;
float:left;
margin:0px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
display:block;
/*display:inline-block;*/
margin-left:0px !important;
height:175px !important; overflow:hidden; float:left; width:60%; margin-top:0px !important;
padding:0 !important;
-webkit-border-radius:0px 0px 0px 0px !important;
border-radius:0px 0px 0px 0px !important;
cursor:pointer;
}

#hm-delhi #hm-delhi2{
height:175px !important;
margin-top:0px;
float:left !important;
width:100% !important;
}

#hm-delhi #hm-delhi2 ul{
margin-top:0px !important;
height:175px !important;
border:none !important;
float:left;
}

#hm-delhi #hm-delhi2 ul li{
width:auto !important;
text-align:center;
height:175px !important;
float:left;
margin:0px;

border:none;}

#hm-delhi #hm-delhi2 ul li img{height:100% !important;}



#hm-delhi-text{float:left; width:90%; padding:10px 5%; height:250px;}
#hm-delhi-text h1{margin:0px; width:100%; margin-bottom:15px; color:#028343;}


#hm-map{float:left:100%; color:white;}
#hm-map div{float:left; margin-top:-130px; margin-right:0%; margin-bottom:0px; float:right; height:auto; width:100%; background:#028343; z-index:1; position:relative;}




footer{float:left; width:100%; text-align:center; padding-top:25px; background:#E9E9E9; margin-top:0px;}
footer #col1{width:90%; display:inline-block; height:auto; text-align:left;}
footer #col1 p{font-size:14px;}
footer #col1 p strong{font-size:18px;}
#fc-logo{height:70px; padding-bottom:10px;}
#fconcept-logo{height:40px; margin:5px 0px;}
#flagecounter{width:100%;}



#venue-left{width:100%; margin-right:0%; float:left; height:auto; text-align:left;}
#venue-right{width:100%; float:left; height:auto;}



#delhi-left{width:100%; margin-right:0%; float:left; height:auto; text-align:left;}
#delhi-img{width:100%; float:left; height:auto;}
#delhi-img img{width:100%; margin-top:10px !important;}


}