@font-face {font-family: Brandon-Text-regular;  src: url(/sg/assets/webfonts/BrandonText-Regular.otf);}
@font-face {font-family: Brandon-Text-bold;  src: url(/sg/assets/webfonts/BrandonText-Bold.otf);}
@font-face {font-family: Brandon-Text-medium;  src: url(/sg/assets/webfonts/BrandonText-Medium.otf);}
@font-face {font-family: Brandon-Text-light;  src: url(/sg/assets/webfonts/BrandonText-Light.otf);}

#mob-nav h4{font-family: 'Proxima Nova W01', helvetica,arial,sans-serif;}
.show-in-device {
    display: none;
}


.nav > li.show-in-device {
    display: none;
}
.nav-part-two{padding:10px 0;}

.no-space h4 {
  margin-left: 0px !important;
}
.header-nav .navbar-default {
  background: #fff;
}
.header-nav .navbar-default .navbar-nav > .open > a {
  color: #0183eb;
  background: transparent;
}
.header-nav .navbar-default .navbar-nav > li > a:focus {
 color: #0183eb;
  background-color: transparent;
}
.affix{opacity: 1;box-shadow: 5px 8.66px 30px 0 rgba(31,35,37,.1); -webkit-transition:opacity 0.15s linear;
            transition: opacity 0.15s linear;}
			
.affix + #hero {
  padding-top: 10.25em;
}
.header-nav .navbar-default li.dropdown:hover > .dropdown-menu {
  display: block;
    background: #ffffff;
    border-radius: 4px;
    padding-bottom: 0px;
    box-shadow: none;
    border: none;
	
    padding-top: 0px;
    width: 100%;
    position: absolute;
    z-index: 9999;
  box-shadow: 0 2px 4px rgba(10,10,10,0.5);
 
    border: 1px #f3f0f0 solid;
}
.header-nav .navbar-default li.dropdown:hover > .dropdown-menu > li > a:hover {
  color: #333333;
}
.header-nav .navbar-default li.dropdown:hover > .sub-menu-light-bg {
  background: #0c538f;
  margin-top: -13px;
  padding-bottom: 14px;
}
.header-nav .navbar-default li.dropdown ul li a:focus {
  color: #163b65;
}
.header-nav .navbar {
  margin-bottom: 0;
  border: none;
}
.header-nav .navbar-nav > li > a {
  color: #4a515c;
    font-weight: 400;
    font-size: 15px;
    margin: 0em 0.6em 0em;
    text-decoration: none;
    text-transform: uppercase;
}
.header-nav .navbar-nav > li > a.btn-lightblue {  padding:0.7em 1.3em 0.7em; color:#fff; margin-top: 3px; font-weight:500; background: #0fbef7; transition:1s;}
.header-nav .navbar-nav > li > a.btn-lightblue:hover {  color:#fff!important;  background:#0fade0 !important; transition:1s;}
.header-nav .dropdown-menu > li > a {
  color: #163b65;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.9;
  text-decoration:none;
}
.header-nav .fa-angle-down {
  color: #4a515c;
  font-size: 17px;
  position: relative;
  left: 2px;
  top: 2px;
}
.header-nav .fa-angle-right {
  font-size: 14px;
  position: relative;
  left: 15px;
  top: 0;
}
.navbar-default .btn-link:focus {
  color: #ffffff;
  outline: 0;
}
.navbar-default .btn-link:hover {
  color: #ffffff;
}
.navbar-default .navbar-nav > .open > a:focus {
 color: #0183eb;
  background: #fff;
}
.navbar-default .navbar-nav > .open > a:hover {
 color: #0183eb;
  background: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #0183eb;
  background-color: transparent;
}
.navbar-default .navbar-nav > li.dropdown:hover > a {
  background-color: transparent;
   color: #0183eb;
}
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
  background-color: transparent;
   color: #0183eb;
}
.navbar-default .navbar-nav > li.dropdown:hover > a:hover {
  background-color: transparent;
   color: #0183eb;
}
.dropdown-large {
  position: static !important;
}
.show-in-device .navbar-toggle {
  display: inherit;
  float: inherit;
  padding: inherit;
  margin-top: inherit;
  margin-right: inherit;
  margin-bottom: inherit;
  border: none;
  border-radius: 0;
}
.show-in-device .navbar-on {
  top: 10px;
  z-index: 999999; right:0;
}
.navbar-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: fixed;
  top: 70px;
  right: 20px;
  width: 38px;
  height: 36px;
  z-index: 20;
  cursor: pointer;
}
nav {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: fixed;
  z-index: 99999;
  height: 100%;
  display: table;
  color: #ffffff;
  top: 0;
  width: 100%;
  overflow-y: scroll;
}
nav ul {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0 !important;
}
nav ul li {
  list-style: none;
}
nav ul li a {
  color: inherit;
}
.nav-hide {
  display: none;
}
.bar1 {
  width: 85%;
  height: 3px;
  margin-bottom: 5px;
  background-color: #333333;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
}
.bar2 {
  width: 85%;
  height: 3px;
  margin-bottom: 5px;
  background-color: #333333;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
}
.bar3 {
  width:85%;
  height: 3px;
  margin-bottom: 5px;
  background-color: #333333;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
}
#mob-nav {
  padding: 3em 0 3em 0;
  position: relative;
  background: #1d4c81;
  height: 100%;
  padding-bottom: 3em;
  overflow-y: scroll;
  width: 100%;
  z-index: 99999; height:100%;
}
#mob-nav h4 {
  margin-bottom: 15px;
  font-size: 24px;
  color: #ffffff;
  font-weight: 500;
  padding-left: 15px;
  padding-right: 15px;
}
#mob-nav hr {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
#mob-nav ul {
  padding-left: 0;
}
#mob-nav ul li {
  line-height: 1.9;
}
#mob-nav ul li a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}
#mob-nav ul li a.last-space{ padding-bottom:30px;}
#mob-nav ul li a:hover {
  text-decoration: none;
  color: #ffffff;
}
#mob-nav ul.no-head {
  margin-top: 40px;
  display: inherit;
}
#mob-nav .bg-dark {
  background: #0a5f9e;
  margin-top: 3em;
}
#mob-nav .top-bot-space {
  padding-top: 3em;
  padding-bottom: 3em;
}
#mob-nav p {
  font-size: 16px;
}
#mob-nav .events a {
  font-size: 1.1em;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 10px;
  display: block;
}
#mob-nav .events a:hover {
  text-decoration: none;
}
.short-form .form-group {
  margin-bottom: 15px;
}
.navbar-on .bar1 {
  background-color: #ffffff;
  transform-origin: 10% 40%;
  transform: rotate(45deg); width: 69%; height: 4px;
}
.navbar-on .bar2 {
  background-color: #ffffff;
  background-color: transparent; height: 1px;
}
.navbar-on .bar3 {
  background-color: #ffffff;
  transform-origin: 10% 40%;
  transform: rotate(-45deg); width: 66%; height: 4px;
}
.navbar-static-top {
  z-index: inherit;
}
.header-top {
  padding-bottom: .2em;
}
.header-top .logo p {
  font-size: 12px;
  margin-top: 10px;
}
.navbar-nav > li > .dropdown-menu {    transition: 0.3s;}
.dropdown-menu {
   
  max-height: 0;
  display: block;
  overflow: hidden;
  transition: opacity 0.5s ease,transform 0.5s ease,visibility 0s linear;
    transition-delay: 0s,0s,1s;
    transform: translate3d(0,0,0);
    opacity: 0;
    visibility: hidden;
  border: none;
  background: 0 0;
  left: -10%;
}
.dropdown-menu > li.kopie > a {
  padding-left: 5px;
}
.dropdown:hover .dropdown-menu {
  max-height: 305px;
   opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    transition-delay: 0s,0s,0s;
  overflow: visible;
  display: none;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  -webkit-border-radius: 0 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px;
  border: none;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #555555;
}
.no-pad-dropdown {
  padding: 0px;
}
.nav-left {
    background: #f5f5f5;
    text-align: left;
    padding: 1.5em 1.1em 1.5em 1.5em;
    min-height: 298px;
}
.nav-left a.btn-link {
  font-weight: 600;
}
.nav-left .btn-link {
  color: #0183EB;
  font-weight: 400 !important;
  letter-spacing: 1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: left;
  margin-top: 12px;
  font-size: 1.1em;
  padding-left: 0 !important;
  margin: 0;
}
.nav-left .btn-link:hover {
  color: #0171ca;
}
.dropdown-menu .nav-left .title {
  font-size: 1.8em !important;
  margin-bottom: 11px !important;
}
.dropdown-menu .nav-left p {
  font-size: 1.3em;
    margin: 0px !important;
    line-height: 1.5;
    font-weight: 400;
    color: #5d5d5d;
}
.right-bar-dropdown {
  padding: 1.5em;
  padding-bottom: 0.5em;
}
.right-bar-dropdown ul li {
  padding-bottom: 15px;
}
.right-bar-dropdown ul li a {
  font-size: 1.2em;
}
.right-bar-dropdown ul li a:hover {
  color: #0171ca;
  text-decoration:none;
}
.right-bar-dropdown ul li a:focus {
  color: #0171ca;
}
.right-bar-dropdown h4 {
  margin: 0;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  text-align: left;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  margin-left: 16px;
  margin-bottom: 13px;
  margin-top: 10px; font-family: 'Proxima Nova W01', helvetica,arial,sans-serif;
}
/*#event-management .meeting-and-event a.selected {
  background: #1d4c81;
}
#resources .meeting-and-event a.selected {
  background: #1d4c81;
}
#mobile-event-apps .meeting-and-event a.selected {
  background: #1d4c81;
}
#hospitality-cloud .hotels-and-venues a.selected {
  background: #1d4c81;
}
#case-study.home .resources a.selected {
  background: #1d4c81;
}
#industry .solutions a.selected {
  background: #1d4c81;
}
#customer-success .customer-success a.selected {
  background: #1d4c81;
}
#event-management-page .solution a.selected {
  background: #1d4c81;
}
#company .company a.selected {
  background: #1d4c81;
}
#contact-us .company a.selected {
  background: #1d4c81;
}
#hc-hotels-page .solution a.selected {
  background: #1d4c81;
}
#mobile-apps-page .solution a.selected {
  background: #1d4c81;
}
#smm-page .solution a.selected {
  background: #1d4c81;
}
#survey .solution a.selected {
  background: #1d4c81;
}
#upcoming-events .events a.selected {
  background: #1d4c81;
}
#venue-sourcing .solution a.selected {
  background: #1d4c81;
}
#webinar-signup .solution a.selected {
  background: #1d4c81;
}
.customer-care .contact a.selected {
  background: #1d4c81;
}
.event-resources .resources a.selected {
  background: #1d4c81;
}
#customer-success .cus-resources a.selected {
  background: #1d4c81;
}
#resources-success-stories .cus-resources a.selected {
  background: #1d4c81;
}
#event-management.customer-success .cus-resources a.selected {
  background: #1d4c81;
}
#event-management.customer-success .meeting-and-event a.selected {
  background: none;
}
.pricing .solution a.selected {
  background: #1d4c81;
}
#onsite-solutions .solution a.selected {
  background: #1d4c81;
}*/

.navbar-inverse {
    background-color: #ffffff;
    border-color: transparent;
	z-index:9999;
	width: 100%;
	top:0;	
box-shadow: 5px 8.66px 30px 0 rgba(31,35,37,.1);
}


@media only screen and (max-width: 1060px) {
  .header-nav .navbar-nav li a {
    font-size: 18px;
  }
}


@media only screen and (max-width: 991px) {
.header-nav .navbar-nav li a {
    font-size: 15px; padding: 1em 1em 1.1em;	
  }
.hide-in-device {
    display: none;
  }
   .show-in-device {
    display: inherit;
  }
  .nav > li.show-in-device {
    display: inherit;
}
.gray-bg {
    background: #ebebeb;
    left: 0;
    padding-bottom: 13px;
    padding-top: 10px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 21;
}
.nav-part-two {
   background: #fff;
float: left;
left: 0;
position: fixed;
right: 0;
top: 46px;
z-index: 20;
padding-bottom: 22px;

	
}
#home-page #hero{ margin-top:112px;}
}

@media only screen and (max-width: 768px) {
.navbar-toggle{top: 85px;}
.nav-part-two{ top:61px;}

}

@media only screen and (max-width: 460px) {
  #mob-nav .col-xs-6 {
    width: 100%;
  }
}
.navbar-collapse.collapse {
    display: inherit !important;
	float:right;
	padding-right:20px;
}

.menu-part-two ul{height:inherit; z-index:-1;}
.menu-part-two ul li {font-family:"Brandon-Text-regular",sans-serif !important;}
#top-nav .nav-pills li a{font-family: "Open Sans", sans-serif !important;}
#top-nav .nav-pills li strong{font-weight:600;}
.menu-part-two ul li a{ font-family:"Brandon-Text-regular",sans-serif !important;   text-transform: inherit;  font-size: 1.1em;  font-weight: 400;    text-decoration: none;    color: #0183EB;}
.menu-part-two ul li a.cta-orange{padding: 6px 17px; color: #fff;
margin-top: 12px;
text-decoration: none;
border-radius: 4px;
padding-bottom: 5px;
font-size: 15px;
font-weight: 400; background:#e1610b; border:none;}
.menu-part-two ul li a.cta-orange:hover{ background: #bd5007; border:none; text-decoration:none;}
.menu-part-two ul li ul li {margin:10px 0;}

.menu-part-two ul li a.cta-lightblue{padding: 6px 17px; color: #fff;
margin-top: 12px;
text-decoration: none;
border-radius: 4px;
padding-bottom: 5px;
text-transform:uppercase;
font-size: 15px;
font-weight: 400; background:#0fbef7; border:none;}
.menu-part-two ul li a.cta-lightblue:hover{    background: #0ea7d9 !important;   border: none;    text-decoration: none;    color: #fff !important;}

.nav-pills a.cta-small-lightblue{padding:6px 17px 6px 17px !important;  color: #fff; margin-left: 10px; text-decoration: none; border-radius: 4px;
padding-bottom: 5px; font-size: 14px; font-weight: 500; background: #0fbef7; border: none; float: left; bottom: 4px; right: 10px; position: relative; text-transform: uppercase;}
.nav-pills a.cta-small-lightblue:hover{ background: #0ea7d9; border:none; text-decoration:none;}



 .nav-pills a.cta-small-orange{padding: 6px 17px; color: #fff; margin-left:10px;
text-decoration: none;
border-radius: 4px;
padding-bottom: 5px;
font-size: 12px;
font-weight: 500; background:#e1610b; border:none; float: left; bottom:4px; right: 10px; position: relative; padding:4px 10px;}
.nav-pills a.cta-small-orange:hover{ background: #bd5007; border:none; text-decoration:none;}

.menu-part-two ul li{font-weight:500; color:#163b65; font-size:16px; padding-left:3px; padding-right:3px;}
.menu-part-two ul li strong{ font-weight:400;}
.no-border{border:none;}
.menu-part-two ul li a:hover{text-decoration: none;}

.menu-part-two ul li ul li a:hover {text-decoration:underline;}
.nav-pills > li.hide-on-med{ display:none;}

.hide-on-med{ display:none;}
#mob-nav .top-mob-nav-content{ display: none;}



@media only screen and (max-width: 992px) {
.header-nav .navbar-nav li a {
    font-size: 17px;
}
}
@media only screen and (max-width: 991px) {
  .menu-part-two { display:none;}
  #mob-nav .top-mob-nav-content{ display: inherit;}
  .nav-pills > li.hide-on-med{ display: inherit;}
  #mob-nav{ padding-top:0;}
}
@media only screen and (max-width: 600px) {
.nav-pills > li.hide-on-med{ display: none;}

#mob-nav .top-mob-nav-content{ display: inherit;}
}
@media only screen and (max-width: 767px) {
  .navbar-toggle { top:85px;}
  
}

.find-venues{background: none;    margin-right: 10px;    border: 2px solid #1779ba;    border-radius: 4px;    color: #1779ba;    padding: 5px 17px 5px 17px;    font-size: 12px;    font-weight: 600;
    margin-top: -4px;    text-transform: uppercase;    float: left; transition:0.5s;}
.find-venues:hover {
    background: #1779ba;
    color: #fff;
	text-decoration:none;
	 transition:0.5s;
}
.lang ul{margin:0; padding:0;}

.nav-pills > li.contact{position: relative; bottom: 2px; margin-right: 9px;  margin-top:2px; text-transform: uppercase;}
.nav-pills > li.contact a{ text-transform: inherit; font-size:14px; color:#333; padding-left:0; padding-right: 12px;}

#mob-nav .top-mob-nav-content{background: #163B65; margin-bottom:2em; padding-top:5px; padding-bottom:5px;}
#mob-nav .top-mob-nav-content ul li{ display:inline; border-right:1px solid #fff; padding:0px 10px 0px 7px; font-weight:500;}
#mob-nav .top-mob-nav-content ul li a{font-size: inherit; font-weight:500;}
#mob-nav .top-mob-nav-content ul li.first{ padding-left:0px;}
body.wistia-fancybox .fancybox-opened{ z-index:999999;}
body.wistia-fancybox #fancybox-overlay{ z-index:99999;}


 /* Company page */
#company.modernize .pad-bottom{ padding-bottom:60px;}
#company.modernize .pad-top{ padding-top:60px;}
#company.modernize #hero{background: url(/sg/images/company-hero-banner.jpg) center center no-repeat; padding:80px 0px; background-size: cover; min-height:inherit;}
#company.modernize #hero h1{ margin-top:0;}
#company.modernize h2{ margin-top:0;}
#company.modernize #hero p.lead {
    margin-bottom:0;
}
#company.modernize #summary p { margin-bottom:13px; padding-right:50px; }

#company.modernize #about .tick-mark-list.right {padding-left:10px;}
#company.modernize #about .tick-mark-list li{ background:none; list-style: initial; padding-left: 0; font-weight:400;}
#company.modernize #impact.media-enquiry p { font-weight:400;}
#company.modernize #impact.media-enquiry p a:hover{ text-decoration:underline;}
#company.modernize #featured-solutions .headline h2{ padding-top:0px;}
#company.modernize #featured-solutions h2{ padding-top:28px;}

@media only screen and (max-width : 1400px) {
#company.modernize #hero{background: url(/sg/images/company-hero-banner.jpg) center -36px no-repeat; padding:80px 0px; background-size: cover; min-height:inherit;}
.navbar-collapse.collapse {padding-right:0px;}
#top-nav.gray-bg {  padding-right: 5px;}
}



@media only screen and (max-width : 992px) {
#company.modernize #summary p{padding-right: 0px;}
}
@media only screen and (max-width : 991px) {
#company.modernize #hero{ margin-top:135px;}


}
@media only screen and (max-width : 767px) {
#company.modernize #hero{ margin-top: 155px; padding: 60px 0px;}
#company.modernize h2 {
    font-size: 28px;
}
#company.modernize .pad-bottom{ padding-bottom:40px;}
#company.modernize .pad-top{ padding-top:40px;}
#company.modernize #featured-solutions .headline h2{ font-size:28px;}
#company.modernize #offices h3{ font-size:28px;}
}
@media only screen and (max-width : 600px) {
#company.modernize #hero{ padding:40px;}

}

#customer-success .event-cal{ margin-bottom:50px;}
#customer-success .event-cal h2{
    color: #1779ba;
    margin: 80px 0px; display: inline-block; margin-bottom:30px;
}
#customer-success #hero h1{ margin-top:0px;}
#customer-success ul.event {
    padding: 0;
    margin: 0;
}
#customer-success ul.event li {
    display: block;
}
#customer-success .event-cal .box-main {
    min-height: 412px;
    list-style: none;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1), 0 0 12px 0 rgba(0,0,0,.2);
    margin: 15px 0;
    background: 0 0;
    padding: 0;
    text-align: left;
}
#customer-success .event-cal .box-main-large-line {
    min-height: 430px;
}
#customer-success .event-cal .box-main {
    list-style: none;
    text-align: left;
}
#customer-success .event-info {
    padding: 20px;
}
#customer-success .event-cal .box p.event-head {
    display: inline-block;
    color: #04a2ec;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
}
#customer-success span.flt-type {
    color: #5f5f5f;
}
#customer-success .event-cal .box h3.title {
    font-size: 1.3em;
    margin-top: 9px;
    margin-bottom: 9px; font-weight:300;
}
#customer-success .top-space {
    margin-top: 15px;
}

#customer-success .event-cal .box .click-cta {
    margin-top: 28px;
    display: inline-block;
    position: absolute;
    bottom: 40px;
}
#customer-success .click-cta {
    font-size: 1.125em;
    font-weight: 500;
    text-transform: uppercase;
    color: #0b6db6;
}
#customer-success .click-cta:hover{text-decoration: underline; transition: all ease .3s !important;}

#customer-success #hero.hero-gradient {
    background-size: cover;
    padding: 3.75em 0;
    background-position: 50% 50%; background-image:none; background: 0 0, linear-gradient(to left, #224d6d, #4a2061) rgba(0,0,0,0);
    background-position-x: 0px, 0%;
    background-position-y: 0px, 0%;
    background-size: auto auto, auto auto;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4a2061', endColorstr='#224d6d');
}

/*Added by Salekeen*/
.logo {    margin-top: 10px;    margin-left: 20px;}

@media only screen and (max-width: 1400px){
.header-nav .navbar-nav > li > a {padding: 1em 0.3em 1.1em; margin: 0em 0.3em 0;}
.nav > li > a{padding:10px 7px;}
#top-nav.gray-bg{padding-right:0;}
}


@media only screen and (max-width: 1100px) {
.logo { margin-left: 0;}	
.header-nav .navbar-nav > li > a {   padding: 1em 0.2em 1.1em; font-size:13px;}
.header-nav .container-fluid {padding-left:0; padding-right:0}

.header-nav .btn-lightblue {display:none;}
.navbar-collapse.collapse {padding-right:0;}
#top-nav.gray-bg {padding-right:5px;}
.hide-on-med{display:inline-block;}

}

@media only screen and (max-width: 1024px) {
.nav-left {
    background: #f5f5f5;
    text-align: left;
    padding: 1.5em 1.1em 1.0em 1.5em;
    min-height: 298px;
}
}
@media only screen and (max-width: 991px){	
#customer-success #hero.hero-gradient{
    padding-top: 13em !important; padding-bottom: 4em !important;
}

.navbar-inverse {box-shadow:none;}
#mob-nav .container{width:100%;}

}
@media only screen and (max-width: 767px){	
#customer-success .event-cal h2{margin-bottom: 20px; margin-top:60px;}
#customer-success .event-cal .box h3.title { font-size: 1.2em;}
#customer-success .event-cal .box-main-large-line {
    min-height: 420px;
}
#customer-success #hero.hero-gradient{
    padding-bottom: 2.7em !important;
}

}

@media only screen and (max-width: 480px){
#customer-success .event-search .col-xs-6 {
    width: auto;
}
}
@media only screen and (max-width: 320px){
#customer-success #hero h1{font-size: 30px;}
}



#customer-success.webinar-calendar .event-cal .box h3.title{font-weight:400;}
#customer-success.webinar-calendar .top-space .month i.fa-calendar{padding-right: 10px;}
#customer-success.webinar-calendar .top-space .month i.fa-clock-o{padding-right: 10px;}
#customer-success.webinar-calendar .event-info{    min-height: 268px;}
#customer-success.webinar-calendar .event-cal .box-main-large-line {
    min-height: 462px;
}
@media only screen and (max-width: 1100px){
#customer-success.webinar-calendar  .event-info {
    min-height: 290px;
}
}
@media only screen and (max-width: 992px){
#customer-success.webinar-calendar .event-info {
    min-height: 318px;
}
}

@media only screen and (max-width: 800px){
#customer-success.webinar-calendar .event-info {
    min-height: 359px;
}
}
@media only screen and (max-width: 767px){
#customer-success.webinar-calendar  .event-info {
    min-height: 315px;
}
#customer-success.webinar-calendar  .box-main.box-main-large-line img{height: 180px;
    width: 100%;}
}
@media only screen and (max-width: 480px){
#customer-success.webinar-calendar .event-info {
    min-height: 252px;
}
#customer-success.webinar-calendar  .box-main.box-main-large-line img{height: 215px;
    width: 100%;}
}
@media only screen and (max-width: 320px){
#customer-success.webinar-calendar .box-main.box-main-large-line img {
    width: 100%;
    height: 177px;
}
}