@media (max-width: 480px) {

	.accordion-title { width: 100%; padding: 40px 0 0 0; }
	.nav-tabs > li { width: 100%; }
	.nav-tabs > li > a { width: 100%; }
	.header-cta .blk { padding: 10px; }
	.header-cta h1 { font-size: 4.5rem; }
	.col-xs-6 { width: 100%; }
	.event-info {
		height: 80px;
	}
}

@media (max-width: 767px) {

	html { font-size: 50.5% }
	.content section { padding: 25px 0; }
	.content section + section:before { margin: -25px 15px 25px; }
	.box { padding: 0 25px; }
	.content section.separated { margin: 0 -25px -3px 0; }

	.navbar-nav,
	.navbar-nav > li,
	.navbar-nav > li > a { width: 100%; }
	.navbar-nav > li + li { margin: 0; }
	.navbar-brand { padding: 1.5rem 0; }

	.accordion { padding: 10px 20px; }

	.pricing-features { display: none; }

	.header-bg { height: 350px; }

	.language-select { margin-left: 5px }

	.front-thumbnail { display: none; }

    #ster {
        display: none;
    }

    #toggle-filters {
        display: block;
    }

    .header-bg {
        background-size: 900px auto;
    }

    .subheader-blk {
        padding: 8px;
        margin-top: 5px;
    }

    .subheader {
        font-size: 2rem;
        line-height: 2rem;
    }

    .header-title {
        display: none;
    }

    .blank-speaker {
        display: none;
    }
}

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

	html { font-size: 54.5% }
	.content section { padding: 35px 0; }
	.content section + section:before { margin: -35px 15px 35px; }
	.box { padding: 0 35px; }
	.content section.separated { margin: 0 -35px -3px 0; }

	.navbar-nav,
	.navbar-nav > li,
	.navbar-nav > li > a { width: 100%; }
	.navbar-nav > li + li { margin: 0; }

	.accordion { padding: 20px 30px; }

	.pricing-features { display: none; }

	.header-bg { height: 450px; }

	.front-thumbnail { display: none; }

    .header-bg {
        background-size: 1200px auto;
    }
}

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

	html { font-size: 58.5% }

	.header-bg { height: 480px; }

	.table-features li span { display: none; }

    .header-bg {
        background-size: 1300px auto;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {

	.header-bg { height: 490px; }

 	.table-features li span { display: none; }

}

@media (min-width: 1300px) {

  .owl-carousel-navigation { display: block; }
  .owl-controls { display: none!important; }

  .table-features li span { display: none; }

}

@media (min-width: 1200px) and (max-width: 1280px) {
  .navbar-nav > li > a { font-size: 1.4rem; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav > li > a { font-size: 1.2rem; }
  .navbar-nav > li + li { margin-left: 0; }
}