@charset "utf-8";
/*--------------media query css------------------*/	
@media (min-width:1201px) {
	.logo {
		position: relative;
		top: -10px;
	}

	.affix .logo {
		top: 0;
	}
}
/*------------tablet landscape view------*/
@media (max-width:1200px) {
	*{-webkit-text-size-adjust:100%}
	.main {width: 90%; margin: 0 5%;}
	.black-bg{font-size:26px;}
	.logo img{width:100%;}
/*	input{-webkit-appearance:none;} */
	.nav > li > a,.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{padding:12px 5px;}
	.logo a{width:auto;}
	.affix .logo a{width:60%;}
	.audiojs .scrubber{width:45%;}
	.nav-pills>li>a {font-size: 18px;}
}
@media (max-width:995px) {
	.menu-block{margin-top:30px;}
	.logo a{width:320px;}
	.audiojs .scrubber{width:50%;}
}
/*------------tablet portrait  view------*/
@media (max-width:990px) {
	#footer-main .title{font-size:18px;}
	.contactus p{font-size:16px; line-height:22px;}
	.logo img{width:336px;}
	.logo{text-align:center;margin-top:20px;}
	.top-link{margin-right:0; text-align:center; float:left;}
	.header-top{margin:0 auto;float:left;width:100%;}
	.nav-pills > li > a{font-size:18px;}
	.menu-block{margin-top:0;}
	.panel-title{font-size:25px;}
	.gray-bg{display:none;}
	.intro h1{padding:10px 15px; }
	.navbar-collapse{margin-left:0;}
	.nav-pills > li{display:inline-block; float:none;}
	.nav{text-align:center;}
	.nav > li > a,.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{padding:12px 5px}
	.nav > li:last-child > a, .nav li.open:last-child > a:focus, .nav li.open:last-child > a:hover {padding-right:19px;}
	.logo a{margin:0 auto;}
	.logo a{width:336px;}
	.logo a img{width:auto;}
	.affix .logo { margin-top:0; }
	.affix .logo a{width:336px; margin-top:0;}
	.affix .menu-block{margin-top:0;}
	#footer-main .title{font-size:28px;}
	#footer-main .title span{font-size:15px;}
	#footer-main .title{font-size:20px;}
	
	.fb_iframe_widget { width: 280px; display: block ! important;  }
}

@media (min-width:1200px) and (max-width:1328px) { .nav-pills > li:nth-child(8) > ul { left: -80px; } .nav-pills > li:nth-child(7) > ul { left: -20px; } }
@media (min-width:1115px) and (max-width:1199px) { .nav-pills > li:nth-child(8) > ul { left: -40px; } }
@media (min-width:768px)  and (max-width:1114px) { .nav-pills > li:nth-child(8) > ul { left: -100px; } .nav-pills > li:nth-child(7) > ul { left: -50px; } }

/*------------mobile landscape  view------*/
@media (max-width:767px) {
	.content-container .btm-box {display:none;}
	#content {min-height:auto;}
	.new-here{padding:25px 0;}
	.contactus p{font-size:14px;}
	#footer-main .title span{margin-left:3px; font-size:14px;}
	#footer-main .title{font-size:17px;}
	.new-here .title{font-size:25px; line-height:25px;}
	.panel-title{font-size:19px;}
	.panel-heading{padding:10px 15px;}
	.btm-box{margin-bottom:20px;}
	/*.btm-box p{font-size:20px;}*/
	.TB_Wrapper, .intro h1 {margin-left:-15px; margin-right:-15px; }
	.TB_Wrapper .txtCont span{font-size:25px; line-height:25px; padding-bottom:0;}
	.TB_Wrapper .txtCont p{font-size:14px; line-height:16px; display:none;}
	.navbar-collapse{padding-left:0; padding-right:0;max-height:140px}
	.navbar-collapse>div>ul { padding-bottom: 50px; }
	.nav-pills > li{width:100%; background:#4388b7; border-bottom:1px solid #adb6c1;}
	.nav-pills > li:last-child{border-bottom:0;}
	.menu-block{margin-bottom:15px;}
	.caret{float:right; margin-top:6px;}
	.dropdown-menu{position:relative; width:100%; padding:0;}
	.dropdown-menu li{border-bottom:1px solid #adb6c1;}
	.dropdown-menu li:last-child{border-bottom:none;}
	/*.nav-pills > li.dropdown:hover .dropdown-menu{display:none;}*/
	.nav-pills > li.dropdown:hover .dropdown-menu{ display:none;}
	.nav-pills > li.dropdown.open .dropdown-menu{ display:block;}
	.nav{text-align:left;}
	.nav > li:last-child > a{padding-right:5px;}
	.blog{padding-bottom:15px;}
	.talks{padding-bottom:15px;}
	.events{padding-bottom:15px;}
	.top-link{padding-top:36px; float:none;}
	.affix{padding:0;}
	.menu-block{margin-top:-40px;}
	.affix .menu-block{margin-top:-40px;}
	.logo{margin-top:0px;}
	.logo a{padding-bottom:5px;}
	.logo a,.affix .logo a{margin-top:0;}
	.affix .logo{margin-top:10px;}
	.affix .logo a{width:200px;}
	.dropdown-menu > li > a{ background: url(/template/images/bullet.png) no-repeat 10px 11px;}
}
@media (max-width:600px) {
	.logo a{width:70%; min-height:auto;}
	.affix .logo a{width:200px;}
}
/*------------mobile portrait view------*/
@media (max-width:400px) {
	.TB_Wrapper {height:800px;}
	.login-popup{width:290px;}
	.logo img{width:100%;}
	.navbar-collapse{max-height:340px}
	.navbar-collapse>div>ul { padding-bottom: 50px; }
}
/*----------optional css------*/
@media (max-width:360px) {
	.intro h1{font-size:22px;}
	.login-popup li{font-size:11px;}
}
/*---------use only when design is customise-----------*/
@media screen and (min-width:700px) and (max-width:990px){
}