/* iPad Only [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.inner-event h2{font-size: 40px;}
	ul.details li.name{ font-size: 20px;}
	 .navbar-header{ width:100%;}
	 .navbar-toggle {
    border: 0 none;
    border-radius: 0;
    display: block;
    right: 0;
    color: #fff;
}
.navbar-brand{ float:left;}
	.clockm{}

}
@media only screen and (max-width : 767px) {
.inner-event h2{font-size: 40px;}
.inner-event{ padding:90px 0 0 0;}
.bg-speaker{ height:300px;}
.inner-event p{ font-size:17px;}
#speakers{ padding:20px 0;}
.speakerhead{ padding-bottom:20px; font-size:25px;}
span.alert{ font-size:11px;}
ul.details li.name{   font-size: 14px; letter-spacing: 0.5px;}
ul.details li.desig {
    font-size: 13px;
    word-wrap: break-word;
}
.clockm.flip-clock-wrapper{ width:auto;}
.flip-clock-wrapper ul{}
.flip-clock-wrapper ul li{line-height: 50px;}
.flip-clock-wrapper ul li a div{ font-size: 13px;}
.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 15px;
    height:40px;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    border-radius: 6px;
    background: #000;
}
.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
   font-size: 13px;
}
.clockm.flip-clock-wrapper{ margin:0;}
.flip-clock-divider{ display:none;}
}




@media (min-width: 768px) and (max-width: 1120px)  {
	
	.clock{ top:55%;}
.main-inner-nav li {
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
}
.inner-event p{ font-size:40px;}
.nav > li > a {
    padding: 9px 8px;
}
.main-inner-nav li {
    font-size: 24px;
}
	.inner-event h2 {
    font-size: 60px;
}
	ul.details li.name{ font-size: 20px;}
	.intro-section{ height:500px;
}
.intro-text{ top:100px;}
}
@media (min-width: 760px) and (max-width: 1024px)  {
	
.main-inner-nav li {
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
}
.inner-event p{ font-size:40px;}
.nav > li > a {
    padding: 9px 8px;
}
.main-inner-nav li {
    font-size: 24px;
}
	.inner-event h2 {
    font-size: 60px;
}
	ul.details li.name{ font-size: 20px;}
	.intro-section{ height:500px;
}

}

  @media (min-width: 0) and (max-width: 801px) {
	 
	  	ul.details {
    margin: 0;
    padding: 10px 10px 0 10px;
    height: 90px;
}
	.navbar-default .navbar-header .navbar-toggle{ border:0 none;  border-radius:0; color:#fff;}
	.navbar-default .navbar-header  .icon-bar{ background-color:#fff;}

.intro-section{ display:none;}
.intro-text{top:260px; }
.intro-text h2{ font-size:30px;}
.intro-text p{ font-size:25px;}


.navbar-brand{ margin-left:15px!important;}
	  .desktoppart{display:none;}
	  .mobilepart{ display:block;}
 
	  
	  .navbar-nav.main-inner-nav li.active > a{ color:#fff;}
	  .navbar-nav.main-inner-nav li a.active{ color:#fff;}
	  .social-section{ padding:10px 0px;}
	  
	  ul.contact{padding:10px 0 0 20px}ul.contact li{ font-size:16px;}
	  .partners h1{ padding:0;}
	  .title{ padding:0 0 0 20px;}
	  .partners{ padding:0; height:300px;}
	.social-section.mob-social{ height:auto; line-height:auto;}
	.social-section.mob-social .social-circle li{ line-height:18px; padding:0;}
	.social-section.mob-social  .social-circle li:first-child{ clear:both; float:none; display:block;}
	.social-section.mob-social  .social-circle li:last-child{ clear:both; float:none; display:block;}
.social-section.mob-social  .social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
}
.social-section.mob-social .social-circle li a{ height:30px; line-height:30px;}
	.navbar-default .navbar-toggle{ border:0 none;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ border:0 none; background:none;}
	.main-menu{ background:#f4f4f4;}
	.main-inner-nav{ margin:0;}
	.navbar-header .navbar-brand{ margin-left:20px; display:block;}
	.mobile-logo{ float:none; display:block;}
          .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
			  
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top:0;
              bottom:0;
              left:0;
              width:250px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
			  border:0;
			  background:#112f44;
			  color:#fff;
          }
		  .main-inner-nav{ float:left;}
		  .navbar-nav.main-inner-nav li{ text-align:left;}
		  .navbar-nav.main-inner-nav li a{ color:#fff;}
          .side-collapse.in {
              width:0;
          }
		  .mobile-logo img{ margin: 0 auto;
    display: block;
    width: 175px;}
		  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:0 none;}
		  .navbar-inverse .navbar-toggle .icon-bar{ background-color:#333; border:0 none;}
		  .navbar-inverse .navbar-toggle{ border:0 none;}
		  .navbar-inverse .navbar-toggle:hover{ background:transparent;}
		  
		  
		  
		  .about-section h1.heading-content{ font-size:30px; padding:20px 0 20px 0;}
		  .about-section p{ font-size:14px;}
		  .btn-mg-agenda{ display:block;}
		  .btn-ds-agenda{ display:none;}
		  .venue-details {margin: 50px 0;}
		  .location-details{ padding:10px 0 0 0;}
		  .location-details p{ font-size:30px;}
		  
		  
		   .mobilehide.navbar-brand{ display:none;}
	      .mobileshow.navbar-brand{ display:block;}
		  .navbar-wrapper.navbar-default{ height:90px;}
		  .mobile-banner{ height: 300px;background:url(../images/video.png) center center no-repeat scroll;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;-ms-background-size: cover; display:block; margin:91px 0 0 0; }
		  .video_overlays{ height:300px;}
		  .intro-text{ top:220px;}
		  .intro-text p{ font-size:14px;}
		  .agenda-section,.venue-section{ height:300px;}
		  #about,#venue{ padding:10px 0;}
		  .download-btn{ height:300px; line-height:300px; vertical-align:middle;}
		  .orangebox{ height:50px; line-height:50px;}
		  .orangebox p.title{ font-size:23px;}
		  ul.contact li.head{ margin-top:13px;}
		  ul.contact{ margin-bottom:20px;}
		  footer p{ font-size:14px;}
      }