/* ==========================================================================
      responsive
========================================================================== */

@media (min-width: 961px) and (max-width: 1199px) {
#main-menu .nav>li>a { padding: 0 7px; font-size: 11px !important; }
#main-menu .nav>li>ul li a { font-size: 11px !important; }
.eventum-schedule .table { background-color: transparent !important; }
}
@media (min-width: 768px) and (max-width: 960px) {
#main-menu .nav>li>a { padding: 0 10px; font-size: 11px !important; }
#main-menu .nav>li>ul li a { font-size: 11px !important; }
/*counter*/
#countdown-timer >.countdown-section { font-size: 42px; }
/*counter*/
#countdown-timer { margin: 0 -20px; }
#countdown-timer >.countdown-section >.countdown-period { font-size: 18px; margin: 0 12px; }
.countdown-timer-title { font-size: 36px !important; line-height: 36px !important; }
.countdown-timer-subtitle { font-size: 20px !important; }
.eventum-schedule .table { background: transparent !important; border: 1px solid #f1f1f1; }
}
@media (max-width: 1200px) {
#navigation .col-sm-3 {
  padding: 0;
  width: 15%;
}
#main-menu .nav > li > a {
  font-size: 13px !important;
  line-height: 81px;
  padding: 0 5px;
  text-transform: uppercase;
}
.BannerSection {
  background-position: right center;
}
.bannerText h1 {
  font-size: 60px;
}
.bannerText h3 {
  font-size: 25px;
}
#countdown-timer > .countdown-section {
  font-size: 40px;  letter-spacing: 0;
}
  .VenunSection {
  display: table;
  left: auto;
  padding: 50px 0;
  text-align: center;
  width: 100%;
}
.faqSection  {
  display: table;
  left: auto;
  padding: 50px 0; 
  width: 100%;
}
}
@media (max-width: 767px) {
/*counter*/
.wpb_single_image img { margin-bottom: 30px; }
.sp-speaker { margin-bottom: 30px; }
.home-counter2 { width: 95%; }
#countdown-timer { margin: 0 -12px; }
#countdown-timer >.countdown-section { font-size: 36px; margin: 0 12px; }
#countdown-timer >.countdown-section >.countdown-period { font-size: 18px; }
.countdown-timer-title { font-size: 36px !important; line-height: 36px !important; }
.eventum-schedule .table { background: transparent !important; }
.mc4wp-form input[type=submit] { margin-left: 0; }
/*our blog*/
ul.latest-review .review-col-three { width: 100%; }
.eventum-schedules.layout-tabbed .events-nav >li .scedule-date >span { font-size: 48px; }
ul.wpb_thumbnails-fluid > li { margin-bottom: 20px; }
.home-event-title .style-sub-title:before,  .home-event-title .style-sub-title:after { display: none; }

.navbar-header button.navbar-toggle {
  background-color: #5dbb5a !important;
  border-radius: 3px;
  position: absolute;
  right: 0;
}
#navigation .navbar-header .navbar-toggle {
  right: 20px;
  top: 17px;
}
#navigation .col-sm-3 {
  padding: 0;
  width: auto;
}
.bannerText h1 {
  font-size: 28px;
  font-weight: bold;
}
.bannerText h3 {
  font-size: 20px;
}
.BannerSection {
  background-position: right center;
  background-size: contain;
}
#countdown-timer > .countdown-section {
  font-size: 22px;
  margin: 0 8px;
}
.timerSection {
  background-position: right center;
  background-size: contain;
}
.foutrhSection::before { 
  background-position: center center;
  background-size: 250px auto;
  width: 100%;
}
h4 {
  font-size:25px !important;
}
h4 {
  line-height: 24px;
  font-size:20px !important;
}
}
 @media (min-width: 500px) and (max-width: 767px) {
.themeum-speaker-listing.speaker-transparent .col-xs-12,  .themeum-speaker-listing .col-xs-12 { width: 50%; }
.eventum-schedules.layout-tabbed .events-nav >li { padding: 25px; }
}
 @media (max-width: 489px) {
.woocommerce .products.clearfix { margin-left: 0; margin-right: 0; }
.woocommerce .products .product { width: 100%; }
.tp-caption.Gym-Display1 { font-size: 30px !important; }
.tp-caption.Restaurant-Display { font-size: 72px !important; }
#countdown-timer >.countdown-section { font-size: 22px; margin: 0 12px; }
#countdown-timer >.countdown-section >.countdown-period { font-size: 14px; }
/* schedule tabbed view */
.eventum-schedules.layout-tabbed .events-nav >li { margin: 0 10px; }
.eventum-schedules.layout-tabbed .events-nav >li { padding: 12px; }
}