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

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

@media screen and (max-width:700px)
{

.contact-call ul {width:100%;height: 325px;}
.contact-call ul li{padding: 20px;width:90%;}    
    
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; display:none;}

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; margin-top: 20px;background-image: linear-gradient(#ffffff, #f9b42f59);}

header #title #logo{ width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding: 5px 0;
    /*float:left; width:20%;*/
}

.popup{float: left; position: absolute; position: fixed; width: 100%; height: 100%; z-index: 9999999999;  opacity: 0.95; text-align: center;}
.pop-close{text-align: right; margin: 25px;}
.pop-close img{height: 25px; cursor: pointer; border: 5px solid #ec5422;width: 85%}
.pop-close img:hover{transform: scale(1.2);}
.pop-cont{
        text-align: left;
        height: auto;
        width: 85%;
        background: #1c4894;
        background-size: 100% auto;
        display: inline-block;
        padding: 3px;
        color: white;
        margin-top: 30%;
        box-shadow: 0 0px 10px -2px black;
        border-radius: 5px; }
.pop-cont .pop-data{ height: 100%;width: 100%;}
.pop-close-btn{position:absolute; height:25px; margin-top:-13.5px; margin-left:-12.5px; cursor: pointer;}
.pop-close-btn:hover{transform: scale(1.2);}

   
    
header #title #logo img{width:auto; height:70px !important; margin-top:0px; padding:5px;}
header #title #logo #logo2{margin-left:0; margin-top:5px;}
header #title #name{width:100%; height:auto; margin:0px 0px;font-size:11px; text-align:center; line-height:18px;}

header #title #name #s1{float:left; width:100%; font-size:12px;}

header #title #name #s2{width:100%; font-size:35px; line-height:35px; margin-top:10px; 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:100%; padding:0; border: none; text-align:center; font-size:16px; line-height:normal; font-weight:600px;}
header #title #date-venue span{display:block; font-size:15px;}

/*****************************************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*/


.pop-cont {
    /*height: 50%;*/
    display: inline-block;
    margin-top: 30%;
}

/*****************************************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 {
}

.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:79%; padding-left:3%; display:block !important;}

.navbar .icon {
  font-size:13px;
  display:inline-block;
  width:13% !important;
  height:30px;
  float:right;
  line-height:30px;
  text-align:center;
  border-bottom:2px solid inherit;
  
  background:none;
  margin-right:3%;
}


#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;}
.sticky .dropdown .dropbtn{padding:0px 5px;}
.sticky img{display:none !important; margin-left:15px;}


.sticky{position:fixed !important; top:0; z-index:9998998989;}
.sticky .navbar{float:none; margin:0;}
.sticky .dropdown .dropbtn{color:#FFF; font-size:15px;}
.sticky img{display:none !important;}


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

/**********************************************banner*/
#banner{width:100%;  height:auto; 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{text-align:center;}

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


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

.wel-team{width:90%; margin:0px 5%;}

.team{margin-bottom:20px;}

.wel-team.committee .team{margin-bottom:20px;}


#quick-links{float:left; margin-left:0%; width:100%; text-align:center;}
#quick-links h1{text-align:left;}
#quick-links a{height:60px; width:70%; color:white; padding:7px 5%;}
#quick-links a img{margin-top: 17px;height:30px; float:left;}
#quick-links a p{font-size:18px; margin:0; margin-left:10px; height:30px; line-height:30px; width:auto; float:left;}



/*******************************************org team slide*/
#home-org{ width:100%; text-align:center; float:left; margin-top:20px; background:none; padding-bottom:0px;}
#home-org h1{margin-bottom:15px;}

.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;
}

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

.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;}

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

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

h3{font-size: 25px; text-align: center;color:#003c7c; padding:10px;}

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


#venue-right img{width:100%; float:left;}


#oc-container{width:90%; text-align:center; float:left; margin-left:5%;}
#oc-b{
width:203px;
display:inline-block;
text-align:center;
height:auto;
margin:25px 20px;
background-color:white;}
#oc-b1{
width:200px;
display:inline-block;
text-align:center;
height:auto;
margin:5px 20px;
background-color:white;border: 5px solid #ecebeb;}

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


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

#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); }


#hm-tour ul li{width: 330px !important; height:170px;}

#hm-map{float: left; color: white; width: 100%;}
#hm-map iframe{width:100%; height:250px;}


#quick-link-panel{width: 90%; height:auto; padding:25px 5%; margin-top:50px;}
#quick-link-panel #quick{width:100%; border:none; border-bottom: 1px solid white; padding-bottom:25px;}
#quick-link-panel h3{background:none; margin:0;}

#announcement{width:100%;}
#ann1{width:290px;}
#uru{width:100%; border:none; margin-top:25px; border-top: 1px solid white;}
#mini-sl-faculty{width:300px !important;}
#mini-sl-faculty .jcarousel ul li{width:300px !important;}

#mini-sl-faculty .jcarousel-control-prev{margin-left:0px !important;}
#mini-sl-faculty .jcarousel-control-next{margin-right:0px !important;}

.list-100{width:100%; margin:0;}
.oc-l li{width:83%;}

.reg-tab{margin-bottom:0; margin-top:-30px;}
.reg-tab a{margin:10px 0px;}

.tour-cont{margin:0; padding:0; height:auto; margin-bottom:35px; box-shadow:none;}

.venue-cont iframe{height:250px;}
.venue-cont img{width:100%; height:auto; margin:0;}

#contact #contact-field, textarea{padding:5px; width:275px;}
.no-mobile{display:none;}

.program h2{font-size:16px; text-align:left;}
.program-list{width:90%;background:none;}



footer{float:left; width:100%; text-align:center; padding-top:25px; background:#EAEAEA; margin-top:0px;}
footer #col0{width:90%; display:inline-block; height:auto; text-align:left;}
footer #col1{width:90%; display:inline-block; height:auto; text-align:left; margin-left:5%; margin-top:10px;}
footer #col2{width:90%; display:inline-block; height:auto; text-align:left; margin-left:5%; margin-top:20px;}
footer #col3{width:90%; display:inline-block; height:auto; text-align:left; margin-left:5%; margin-top:20px;}

footer #col0 img{height:60px; width:auto;}
footer #col0 img:second-child{margin-left:5px;;}

footer #col0 div{display:none;}

.footer #col3 a { text-align:left;}

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

#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;}

.coming-soon{margin:50px 0; margin-bottom:50px; display:inline-block;}



#wel-m{margin:0; width:100%; float:left; font-family: 'Heebo', sans-serif; margin-bottom:50px;}
#wel-m p{width:100%; color: #333; font-size:15px; font-family: 'Heebo', sans-serif;}
#wel-m #img-cant{width:100%; float:left; height:auto;}
#wel-m #img-cant img{width:100%;}
#wel-m #patna-p{width:100%; float:left; font-size:15px; color:#333; margin:0; font-family: 'Heebo', sans-serif;  margin-left:0; text-align:justify; margin-top:25px;}
#wel-m #about-patna{width:100%; float:left;text-align: justify;}
#wel-m #patna-img{width:100%; margin-left:0%; float:left;}


.contact-cont img{width:100%;}
.contact-cont #contact-map{width:100%; margin-top:0px; height:250px;}


}