@media (max-width: 576px)  {
	
	/* TITLE HEADER */
 .title-header h1 {
	 font-weight: bolder;
  font-size: 2.2em;
  padding-top:15px;
  color: #7acbbc;
  text-shadow: 0px 0px 10px rgb(0, 0, 0);
}
	

	
}

@media (min-width: 576px) and (max-width: 767px)  {
	
	/* TITLE HEADER */
 .title-header h1 {
  font-size: 2.5em;
  padding-top:25px;
  color: #7acbbc;
  text-shadow: 0px 0px 10px rgb(0, 0, 0);
}
}

@media (max-width: 768px) {

.agenda-filter .conf-agenda-filter {
  height:60px;
}  

/* HELPERS */

.spacer {margin-bottom:25px;}
.half-spacer {margin-bottom:15px;}

/* BRAND BANNER */

#brand-banner div h2 {line-height: 1.1em; margin-bottom: 10px; padding-top:10px; font-weight: 500;}
#brand-banner div h2 small {font-size:0.9em!important;margin-top:10px;}

.small-font {
  font-size:1em;
}

/* NAV */

.nav > li {
  padding-left:10px;
}

.menu-btn {font-weight:700; letter-spacing: 0.04em; color: white; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
      background-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color:white;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
}

.dropdown-header, .divider {
  display:none; 
}

.nav>li>a.narrow {
  position: relative;
  display: block;
  padding: 10px 15px;
  line-height:1em;
  }




/* SHORTCUTS */

.shortcut-wrapper {
  height:45px;
  display:block;
  padding-top:15px;
  text-align:center;
}

.shortcut-link {
  font-size:0.9em;
}

.shortcut-label {
  font-size:0.9em;
}



/* TESTIMONIALS */

.testimonial-block {
  padding: 20px 10px 20px 20px;
}

/* EXPERIENCE TILES */

.card.hovercard {
  margin-right: 0px;
}


/* MASTERCLASSES */

.mc-lhs {
    border-width: 0px;
    margin-right:0px;
    padding-right:0px;
}

/* SPEAKERS */

.set-card-height {
  height: auto!important;
}

/* CUSTOM GALLERY */

.custom-gallery-img {
  height:28vw;
  background-position: center center;
  background-size: cover;
}


/* MODAL WINDOW */

.modal-body {
    padding: 5px!important;
}

.modal-header {
    display:none;
}

.modal-tools {
    padding: 10px 20px!important;
    border-bottom: 1px solid #ebebeb;
}

.modal-tools div.pull-left {
  font-size: 80%;
}

.modal-tools div.pull-left a {
  /*display: block;*/
  margin-bottom:3px;
  padding:1px 4px;
  font-size: 90%;
}

.company-logo {
  display: block;
}

.next-speaker {
  padding-top:10px;
  max-width: 68%;
}

.label.inline-block.pb-20 {
  padding-bottom: 10px!important;
}

.modal-info .row .col-xs-12.col-sm-4.col-sm-push-8.col-md-12.col-md-push-0 {
  display: block;
}

.speaker-photo {
    float: right;
    max-width:80px!important;
    margin-top:-20px;
}

.speaker-photo img {
  margin-right:0px!important;
}

.title {
  text-transform: uppercase;
  font-size: 10px!important;
  letter-spacing: 0.06em!important;
  color: #a3a5aa!important;
  padding-bottom: 10px!important;
}

.title.w-80.pb-40 {
  padding-bottom: 20px!important;
}

h2.spacer {
  font-size:1.7em;
  font-weight:600;
  padding-bottom:0px!important;
}

.coltitle {
  font-weight: 600;
}

h3.std {
  font-size:1.3em;
  margin-bottom: 10px
}

.sectioncontent {
  padding-bottom: 15px!important;
}



}


@media (max-width: 991px) {
  .carousel-caption-small {
    width: 100%;
  }

  .fixed-row-wrapper {
  display:none!important;
}
}


@media (min-width: 768px) and (max-width: 991px){


  #brand-banner div h2 {
    font-size:1.5em!important;
  }

 #brand-banner div h2 small {
    font-size:20px!important;
  }


  .nav > li > a {
    padding: 10px 10px!important;
    font-size:0.9em!important;
    line-height:30px!important;
}
}


@media (min-width: 992px) and (max-width: 1199px){

  #brand-banner div h2 {
    font-size:1.7em!important;
  }

 #brand-banner div h2 small {
    font-size:20px!important;
  }

}