@font-face {
    font-family: 'Krungthep';
    src: url('https://vepimg.b8cdn.com/uploads/vjfnew/2966/uploads/vjf/content/misc/1605178393Krungthep.eot');
    src: url('Krungthep.eot?#iefix') format('embedded-opentype'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/2966/uploads/vjf/content/misc/1605178500Krungthep.woff2') format('woff2'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/2966/uploads/vjf/content/misc/1605178480Krungthep.woff') format('woff'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/2966/uploads/vjf/content/misc/1605178425Krungthep.ttf') format('truetype'),
        url('https://vepimg.b8cdn.com/uploads/vjfnew/2966/uploads/vjf/content/misc/1605178459Krungthep.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap');
/*.flt-left{
  display: none;
}*/
/*.btn-darkgrey.forgot-btn{
display: block;
}*/
#login-footer .col-sm-4{width:40%}
#login-footer .col-sm-8{width:60%}
body {font-family: 'Roboto', sans-serif; font-weight:300}
.navbar-toggle{margin-top:-45px;}
.header-content {background: #0063a6}
.header-content &gt; .container{width:100%; max-width:1920px;}
.newmainBanner img { width: 100%; height: auto; }
.main_top_area {
    background:url(https://vepimg.b8cdn.com/uploads/vjfnew/316/uploads/vjf/content/misc/1529999826Virt-vFairs.png) no-repeat top left / 100% auto;
    position: relative;
    width: 100%;
    height: auto;
    background-position: 50% 50%;
      min-height: 600px;
}   
/*.curr-lang-fr #LoginModal .modal-footer .col-sm-8 a:first-child{
  display:none;
}*/
.slim-bar{background:#d0202d;}
.logo-left-en {text-align:left !important}
.logo-left-en img {height: 68px}
.row.padding {padding-top: 38px}
.modal-header {background-color: #0063a6}
.participating img {height: auto}
.top-right-section {padding-top: 15px}
.main_top_area .row.padding .col-lg-2, .jad-logo-web, .jad-logo-mob, #date-info {
    /*display: none !important;*/
}
.main_top_area {
  border-bottom:none
}
/*.main_top_area .container-wrp {
  background: rgba(0,0,0, 0.5);
}*/
.popup {background: none; padding-top: 60px; width:100%;}
.popup h1 {
  font-size:40px !important;
  margin-top: 40px;
  line-height:64px;
  text-transform: none;
  font-weight:400;
  color:#1d3969;
  font-family: 'gotham_mediumregular';
}
.popup h1 span{
  font-size:24px !important;
  display:block;
}
.sub_title{
    text-shadow: 2px 2px #000;
    
    }
.popup h2 {
  line-height: 1.1;
  margin-top: 20px;
  margin-bottom: 50px;
  color: #fff;
  font-size: 3.5em;
  font-weight: bold
}
.col-sm-6 a img{
    padding-top: 45px !important;
    margin-bottom: 23px !important;
}
.padding a img{
    padding-top: 0px !important;
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {text-align: right}
#footer, footer{
    border-top-color: #0063a6 !important;
    background-color: #0063a6 !important;
}
.footer-section-1 img {height: 50px;}
.footer-section-2 img {margin-top:20px}
.foot_bootom {display: none !important}
#footer .padding {padding-top:9px}
.btn-darkgrey{
    background-color: #0063a6 !important;
    color:#fff !important;
}
.container-parent{
    border-bottom: 2px solid #eee;
}
.padding .col-lg-2 a img{
    display: none !important;
}
.custom-para-info{
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 500;
    font-family: 'gotham_bookregular';
    text-align: center;
}
#banner-slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0;z-index: -1}
/*#banner-slider .carousel, #banner-slider .carousel-inner, #banner-slider .item, #banner-slider .item &gt; img {height: 100% !important; width: auto !important; display: inline-block}*/
#banner-slider .carousel, #banner-slider .carousel-inner, #banner-slider .item, #banner-slider .item &gt; img {height: 100% !important; width: 100% !important}

/* specific */

#time {padding: 35px 0 28px}
#time li {background: #e9e9e9 !important; border-radius: 5px; width: 95px; padding: 15px 5px 10px; margin-right: 14px; border:#d8d8d8 solid 1px;}
#time p {background: none !important; color: #333333; height: auto; line-height: 1em; font-weight: bold; font-size: 40px; font-family: 'gotham_bookregular';}
#time span {margin-top: 0; margin-left: 0; color: #333333; left:0; padding-top: 0}

.popup {margin-bottom: 0}
.two-btns {margin:0}
.two-btns .btn {padding: 15px 60px !important; font-weight:600; font-family: 'Krungthep'; border-radius: 3px;  text-transform:uppercase; font-size:18px; margin:0 5px;}
.two-btns .white-btn{box-shadow: 0 8px 0 0 #1e345d; color:#fff; background:#1e345d;}
.two-btns .green-btn {box-shadow: 0 0 0 0 #d0202d ; color:#fff; background:#d0202d }
.two-btns .btn span{
    display:block;
    font-size:15px;
    font-weight:600;
    text-transform:none;
}
.green-btn:hover,
.white-btn:hover {
    opacity: 0.8;
}
.gray-bg{
    margin-top: 25px;
}
.dis-ico{
    float:left;
    width:60px;
}
.gray-bg h4{
    margin-left:70px;
    font-weight:700;
    font-size:15px;
}
.gray-bg p{
    margin-left:70px;
    font-size:13px;
}
#get-your-own .two-btns .green-btn {box-shadow: 0 8px 0 0 #c7c7c7 !important}
.padTop20{
    padding-top:20px;}
.sponserSec{
    text-align:center;
}
.marTop30{
    margin-top:40px !important;
}   
.header-bottom {padding: 10px; color: #393939; background: #f7f7f5}
.header-bottom .list-inline {margin-bottom: 5px}
.header-bottom ul li {padding: 0 5px; display: inline-block; vertical-align: top}
.header-bottom .details-img {margin-right: 10px}
.header-bottom .details-img img {height: 70px; width: 70px}
.header-bottom .details-box {width: 272px; overflow: hidden; text-align: left; padding: 5px}
.header-bottom .details-info h4 {margin: 15px 0 3px}
.header-bottom .details-info p {line-height: 1em; font-size: 12px}
.pad-right-0{
    padding-right:0px;
}
.simple-section {color: #393938; text-align: left; padding: 60px 5px !important; border-bottom: 1px solid #e0e0e0}
.simple-section h1 {font-size: 40px; text-align: left; margin: 0 0 20px; font-weight: 400; color: #2c2c2c}
.simple-section h3 {margin: 0 0 20px; font-size: 30px; color: #414141; font-weight: 900; text-align: left; font-family: 'Helvetica'; text-transform:uppercase;}
.simple-section ol {padding-left: 16px; padding-top: 6px}
.simple-section ol li {padding-bottom: 10px; padding-left: 8px}
.simple-section.inner-section h2 {font-size: 22px; text-align: left; margin: 0 0 20px; font-weight: 600; color: #404040}
.simple-section.inner-section ol {padding-left: 35px}
.simple-section.inner-section ol li, .simple-section.inner-section ul li {padding-bottom: 6px; padding-left: 8px}
.simple-section p {font-size: 16px; margin-bottom: 16px; line-height: 28px; text-align:left; font-family: 'Roboto', sans-serif;}
#presenters-section h1 {margin: 0; font-size: 25px; font-weight: 600; line-height: 30px}
#about-section p {font-size: 16px; line-height: 1.5em}
.simple-section ul {padding: 0px; margin:0px; list-style:none;}
.simple-section ul li{ margin-bottom:10px; font-size:16px; background:url(//vepimg.b8cdn.com/uploads/vjf/223-emea/dot.png?v=1) left 12px no-repeat; padding-left:15px;}
.schedule-container {color: #404040; border-bottom: 1px solid #e9e8e8; padding: 13px 0 5px; width: 100%}
.schedule-container ul li {vertical-align: top}
.day-display {width:150px;height:110px;background-color:#22AECF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;padding:5px;display:table-cell;vertical-align:middle;color:#f9ffff;font-size:30px;font-weight:bold;line-height:1em}
.schedule-box {width:230px;min-height:110px;border-left:5px solid #22AECF;padding:8px;position:relative;padding-left:35px}
.schedule-box img{position:absolute;width:15px;left:11px;top:12px}
.time-slot-time{padding:0;margin:0 0 2px 0;font-size:14px;font-weight:bold;color:#464646}
.time-slot-header{padding:0;margin:0 0 3px 0;color:#292929}
.time-slot-text{padding:0;margin:0;font-size:12px;line-height:1.3em}
.btn-schedule{margin-top:35px}

#cta50-section{text-align:center; background: #e9573b; color: #f8f9ff}
.cta50-text{text-align:right}
.cta50-text h1 { color: #f8f9ff; text-align: right}
.btn-cta50-container{text-align:left}
.btn-cta50 {background-color: #fffff6; box-shadow: 0 8px 0 0 #931502; color: #e9572f; font-size: 1.5em; font-weight: bold;margin-top: 2px; padding: 15px 50px; border:0}
.btn-cta50:hover {background-color: #fff5ff; color:#e9571f}

.featured-presenter {border-bottom: 1px solid #d7d7d8; overflow: hidden; padding: 35px}
.featured-speaker-img {border: 10px solid #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); float: left; margin-right: 30px; max-height: 305px}
.featured-presenter p {font-size: 20px; line-height: 1.5em}

#cta60-section {background: #e9553f; color: #fcffff; text-align: center}
#cta60-section h1 {color: #fcffff; text-align: center}
#cta60-section h3 {text-align: center}
.btn-cta60 , .btn-cta60:hover { background-color: #fbffff; box-shadow: 0 8px 0 0 #931500; color: #e9543f; font-size: 1.5em; font-weight: bold; margin-top: 15px; padding: 15px 50px; border: none }

/* top menu */
.navbar-form.navbar-left {float: right}
.navbar-nav &gt; li &gt; a {padding-bottom: 10px; border-bottom: 2px solid transparent; padding-bottom: 2px}
.navbar-default .navbar-nav &gt; .active &gt; a, .navbar-default .navbar-nav &gt; .active &gt; a:hover, .navbar-default .navbar-nav &gt; .active &gt; a:focus,
.navbar-default .navbar-nav &gt; li &gt; a:hover, .navbar-default .navbar-nav &gt; li &gt; a:focus {
  text-decoration: none;
  color: #fff;
  padding: 8px 8px 9px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  text-transform: none;
}
.navbar-default .navbar-nav &gt; li &gt; a {
    text-decoration: none;
    color: #fff;
    padding: 8px 8px 9px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
}
.navbar-collapse .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.navbar-collapse .navbar-form {
    display: inline-block;
    float: none !important;
    margin: 0;
    vertical-align: middle;
}
.navbar-collapse {display: block !important}
.navbar-collapse .nav &gt; li {display: inline-block !important;}
.navbar-header {display: none !important}

.col-lg-9.top-right-section {/*float: right;*/ text-align: right}

.faq.padding {padding: 0}
.faq .panel {background: #efefef; padding: 15px 25px; margin: 0 0 27px; border: none; border-radius: 8px}
.faq .panel-heading {padding: 0 !important; background: none !important}
.faq h4.panel-title a {font-size: 15px; text-decoration: none; cursor: pointer; outline: none; line-height: 24px; color: #4d4d4d; font-weight: 400}
.faq .panel-collapse {font-size: 16px; text-decoration: none; cursor:pointer;}
.faq .panel-collapse .panel-body {width: 100% !important; padding-bottom: 0; border: none !important; padding-top: 9px; font-size:16px !important;  line-height: 24px !important; color: #666 !important}

.featured-presenter p a {color: rgb(255,102,0)}

#video-section {color: #393937}
.about-video-wrapper {margin: auto; width: 500px; float: left; margin-right: 30px}
.section-main-header {margin: 0 0 5px 0; padding: 0}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 5px; height: 0; overflow: hidden; margin: auto; margin-bottom: 10px}
.video-container iframe, .video-container object, .video-container embed, .video-container img {position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; margin: auto}
#video-section p {font-size: 20px;line-height: 1.5em}

#partners-section .col-lg-3 {float: none; display: inline-block; width: auto; vertical-align: bottom}
#partners-section .col-lg-3 img {width: 200px}

.schedule-date{
    background:#497527;
    border-radius:6px;
    padding:30px;
    text-align:center;
    color:#fff;
    font-size:25px;
    font-weight:400;
}
.left-border{
    border-left: #497527 solid 8px;
}
.schedule-details{
    border-bottom:#d8d8d8 solid 1px;
    padding-bottom:25px;
    margin-bottom:25px;
}
.borBotNone{
    border-bottom:none;
    padding-bottom:0px;
    margin-bottom:0px;
}
.bor-bottom{
    border-bottom:#d8d8d8 solid 1px;
    padding-bottom:60px;
    margin-bottom:60px;
}
.sep-line{
    border-bottom:#d8d8d8 solid 1px;
    margin:15px 0;
    display:block;
}
.team-thumnail{
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
background:#ececec;
border-radius:10px;
border:#FFFFFF solid 10px;
min-height:250px;
height: auto;
width:250px;
padding:10px;
text-align:center;
}
.team-thumnail img{
    height:100%;
    width:100%;
}
.padLeft40{
    padding-left:40px;
}
.team-info{
    padding-top:20px;
}
.team-info h5{
    font-size:20px;
    font-weight:400;
    margin-bottom:10px;
}
.team-info h5 span{
    font-size:18px;
    display:block;
    margin-top:5px;
    font-weight:400;
}
.team-info p{
    font-size:15px;
    font-weight:400;
    margin-bottom:0px;
}
.partner{
    text-align:center;
    margin-bottom:20px;
}
.partner span{
    display:block;
    font-size:16px;
    margin-top:10px;
}

.simple-section.agenda-section h4 {margin-bottom: 0; border: none}
.simple-section.agenda-section h4 span {display: inline-block; padding-bottom: 0; background: #d0202d; color: #fff; padding: 10px 20px; border-radius: 5px; border: none; margin-left: 35px}
.simple-section.agenda-section h4 span.green {background: green}
.simple-section.agenda-section h4 span.red {background: #8E162C}
/*.agenda-rows .agenda-row:first-child .agenda-col:last-child {padding-top: 10px}*/
.agenda-rows .agenda-row:last-child .agenda-col:last-child {padding-bottom: 40px}
.agenda-rows .agenda-row:last-child p, .agenda-rows .agenda-row:last-child h3 {border-bottom: none}
.agenda-row {display: table; width: 100%}
.agenda-col {display: table-cell; vertical-align: middle}
.agenda-row .agenda-col:first-child {vertical-align: top; padding-top: 18px; width: 100px}
.agenda-row .agenda-col:last-child {/*border-left: 4px solid #ddd; */padding: 0 0 0 30px; background: url(//vepimg.b8cdn.com/uploads/vjf/173-ccw/circle.png) no-repeat left top 24px / 10px, url(//vepimg.b8cdn.com/uploads/vjf/173-ccw/timeline-strip.png) repeat-y left 3px top}
.agenda-row h3 {font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 20px; display: block; text-align: left; color: #005eb8 ; margin: 20px 0  16px}
.agenda-row.no-speaker h3 {padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid #eee}
.agenda-row .speaker {padding-left: 0; position: relative}
.agenda-row .speaker:last-child {border-bottom: 1px solid #eee}
.agenda-row .speaker-name {font-size: 14px; font-weight: 700; padding-top: 3px}
.agenda-row .speaker img {height: 50px; border-radius: 25px; border: 1px solid #ddd; position: absolute; top:0; left: 0; margin: 0}
.agenda-row .speaker.no-spk-img {padding-left: 0}
.agenda-row span.designation {display: block; font-size: 12px}
.agenda-row label {display: block; font-size: 11px; color: #666}
.agenda-row p {font-size: 13px; margin: 10px 0 0; padding-bottom: 0px; color: grey}
.agenda-row p:last-child {padding-bottom: 20px; border-bottom: 1px solid #eee}
/*.time-display {font-family: 'Open Sans', sans-serif; width: 150px; height: 110px; background-color: #003060; border-radius: 5px; text-align: center; padding: 25px 0; display: inline-block; vertical-align: middle; color: #f9ffff; font-size: 24px; font-weight: bold; line-height: 30px; margin-right: 30px}*/
.time-display {width: 200px; font-family: 'Open Sans', sans-serif; text-align: left; display: inline-block; vertical-align: middle; color: #777; font-size: 16px; font-weight: bold; margin-right: 15px}
.time-display img {margin-bottom: 0}
.mh-60 {min-height: 60px}

.block-middle-body {
    overflow: hidden;
    margin: 0 auto;
    width: 1000px;
    max-width: 100%;
}

.block-middle-body {
    width: 1000px;
    max-width: 100%;
}
.padding-15 {
    padding: 15px !important;
}
.pos-rel {
    position: relative;
}
.c-block {
    margin: 0 auto !important;
}
.cs-container.on {
    bottom: 0;
}
.cs-container {
    background-color: #3b4045;
    bottom: -36%;
    transition: all 1s ease-in-out;
    z-index: 9999;
}
.grid-10 {
    width: 100%;
}
.left-0 {
    left: 0 !important;
}
.boxshadow {
    box-shadow: 0 0 3px rgba(179,179,179,0.8);
}
.pos-fix {
    position: fixed !important;
}
#privacy_sticky {text-align: center}
#privacy_sticky p {color: #fff}
#privacy_sticky a {color:#fff; text-decoration: underline}
#privacy_sticky i {color: #fff; font-weight: normal; margin-left: 10px}
#privacy_sticky button {margin-left: 20px}

@media only screen and (min-width:1920px){
  .popup {margin-top: 125px}
}

@media only screen and (min-width:1600px){
  .popup {margin-top: 110px}
}

@media only screen and (max-width:1200px){
    .logo-container{text-align:center}
    #about-section p, .featured-presenter p {line-height:1.5em;font-size:18px}
    .day-display{width:120px;font-size:20px}
    .details-box{width:220px}
    .about-image-container ul li img{width:250px}
    .schedule-box{width:180px}
    .buy-box{width:220px}
    .buy-feature-list{font-size:12px}
    .faq-list-container{width:100%}
    .testimonial-box{width:100%}
}

@media only screen and (max-width:992px){
    .logo-left-en, .col-lg-9.top-right-section, .col-lg-9.top-right-section .container-fluid {text-align: center; padding: 0}
    /*.logo-left-en a img {height: 60px}*/
    .navbar-nav {margin: 0}
    header.smaller{position:relative}
    .top-menu-container ul{text-align:center}
    .hero-info-container h1{margin:10px;padding:0;font-size:2.5em;color:#fffffc}
    .hero-info-container h2{font-size:1.2em}
    .details-box{width:320px}
    .about-image-container{width:100%;float:none}
    .about-image-container ul li img{width:285px}
    .video-wrapper{margin:auto;max-width:100%;float:none;margin-right:0}
    #video-section h1{margin-top:30px}.day-display{width:100px;font-size:20px}
    .schedule-box{width:134px}.buy-box{width:265px}
    #cta50-section{text-align:center}
    .cta50-text{text-align:center}
    .btn-cta50-container{text-align:center}
    .partners-container ul li img{width:145px}
    .buy-box{margin-bottom:15px}
    .video-inline-list li{width:32%}
.dateList {
    text-align:center;
}   
}

@media only screen and (max-width:767px){
.dateList {
    text-align:center;
}   
    .jad-logo-mob{margin-top: 12px;}
    .navbar-collapse {margin-top: 40px}
    .popup {width: 100%; padding: 0px 10px 35px}
    .popup h1 {font-size: 2.5em !important; margin-top: 20px}
    .popup h2 {font-size: 1.2em !important}
    .logo-left-en, .col-lg-9.top-right-section {padding: 0 20px}
    .logo-container{text-align:center}
    
    .two-btns button {max-width: 274px}
    .two-btns button.green-btn {margin-top: 0}
    
    #time li {width: 60px; padding: 15px 5px 10px; margin-right: 5px}
    #time p {font-size: 28px;  min-width: 40px}
    #time span {font-size:12px; width: 100%}
    
    .header-bottom ul li {width: 100%}
    .header-bottom .details-box {margin: 0 auto}
    
    .btn-cta50 {color: #22aecf}
    .text-center {text-align: center !important}
    
    .participating.sponsors {padding-top: 0}
    .participating img {margin: 0}
    
    .faq .panel-title {font-size: 14px}
    .faq .panel-heading {padding: 10px 45px 10px 15px}
    
    .counter-box{width:90px}
    .header-bottom ul li {vertical-align: top}
    .header-bottom .details-box {width:214px}
    
    .about-image-container ul li img{width:257px}
    .day-display-container{width:100%}
    .day-display{width:100px;font-size:20px}
    .schedule-box{width:100%}
    .video-inline-list li{width:100%}
    
    .two-btns button.btn {padding: 15px 12px !important; width: 95%}
    
     #sbg-1 img, #sbg-2 img, #sbg-3 img {display: none}
     #sbg-1 {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-1.jpg) no-repeat left top / 100% 100%}
     #sbg-2 {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-2.jpg) no-repeat left top / 100% 100%}
     #sbg-3 {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/bg-sm-3.jpg) no-repeat left top / 100% 100%}
     
  /*.nav.navbar-nav {margin: 0 -15px; border-top: 1px solid #ddd}
  .nav.navbar-nav.navbar-right {border-top: none; float: left}
  .navbar-default .navbar-nav &gt; li &gt; a {border-bottom: 1px solid #ddd; padding-left: 0; font-size: 14px}
  .navbar-collapse {margin-top: 0}
  .navbar-form {margin-bottom: 0; margin-top: 3px}
  .logo-left-en {z-index: 1}*/
  .logo-left-en img {height: 58px}
  .navbar.navbar-default {margin-bottom: 0; min-height: 41px}
  .navbar-header {display: block !important; margin-top: -15px}
  .navbar-collapse .nav {display: block !important}
  .navbar-collapse .nav &gt; li {display: block !important; text-align: center; border-bottom: 1px solid #eee}
  .navbar-default .navbar-collapse {display: none !important; text-align: center; margin-top: 8px}
  .navbar-default .navbar-collapse.in, .navbar-default .navbar-form {display: block !important; text-align: center}
  
  .left-border {
    border-left:none;
    }
.schedule-date {
    padding:10px 15px;
    margin-bottom:15px;
}
.popup h1 {
    font-size:30px !important;
    margin-top: 25px;
    line-height:36px;
}
.popup h1 span {
    font-size:20px !important;
}
.two-btns {
    margin: 18px 0 20px;
}
.bor-bottom {
    border-bottom:none;
    padding-bottom:0px;
    margin-bottom:0px;
}
.team-info {
    margin-bottom:20px;
    padding-top:0px;
    text-align: center !important;
 }
 .team-info p{
    text-align: center !important;
 }
.padLeft40 {
    padding-left:0px;
}
.team-thumnail{
    margin:auto;
} 
.main_top_area {
 min-height: auto;
}


}
@media only screen and (max-width:1024px){
  .gray-bg {margin-top: 0;}
}
@media only screen and (max-width:480px){
  .hero-info-container{text-align:center;padding:20px 0 60px 0}
  .number{font-size:25px}
  .counter .list-inline li{padding-left:0px;padding-right:0px}
  .counter-box{padding:15px 5px;width:50px}
  .duration{font-size:9px}
  .popup {padding: 0}
  .popup h1 {font-size: 2.0em !important}
  .popup h2 {margin-bottom: 30px}
  .two-btns .green-btn, .two-btns .green-btn:hover {margin-right: 0px}
  h1 {font-size: 28px !important}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-left: 0; padding-right: 0}
  
  /*.header-content {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/157-bdpa/header-mobile.jpg) repeat-x}*/
  .header-content {background: #0063a6 }
  .header-content .navbar-collapse .btn-info{margin: 8px 0}
  .logo-left-en {text-align: left !important}
  .logo-left-en img {height: 42px}
  .col-lg-9.top-right-section {margin-top: -30px; float: none}
}


/* virtual tour section */
.section-heading {font-weight: 300; font-size: 36px; color: #888; margin-top: 45px}
.tmdi-heading {margin:30px 0 25px; border-bottom: 1px solid #d6d6d6}
.tmdi-heading h4 {color: #2cafe3; font-size: 24px; font-weight: 300; margin: 0; padding-bottom: 10px; float: left}
.tmdi-heading .carousel-control {position: relative; top: auto; left: auto; background: none; display: inline-block; opacity: 1; margin-top: 6px}
.tmdi-heading .left.carousel-control {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-prev.png) no-repeat; width: 25px; height: 21px; margin-right: 10px}
.tmdi-heading .right.carousel-control {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-next.png) no-repeat; width: 25px; height: 21px}

.carousel-inner .item .col-sm-4:first-child, .carousel-inner .item .col-sm-3:first-child {padding-left: 0}
.carousel-inner .item .col-sm-4:last-child {padding-right: 0 !important}
.carousel-inner .item p {color: #333; font-size: 16px; padding-top: 5px; font-weight: 400; margin: 0}
.carousel-inner .item span {display: block; color: #888; font-size: 12px; padding-top: 5px; font-weight: 300}
.carousel-inner .item label {display: block; color: #666; font-size: 12px; padding: 20px 0 0; margin: 0; font-weight: 300; text-transform: uppercase}
.carousel-inner .item p.description {color: #666; font-size: 14px; font-weight: 300}
.carousel-inner.sm-carousel .item p {font-size: 14px; padding-top: 8px}

#virtual-tour .section-heading {padding-bottom: 20px}
#virtual-tour .col-xs-2 {width: 20% !important}
#virtual-tour .col-xs-2 .vt-thumb {padding-bottom: 12px}
#virtual-tour .col-xs-2 img {max-height: 107px !important; width: 100%; border: 1px solid #7d7d7d}
#virtual-tour h3 {padding: 15px 0 24px; margin: 0}
#virtual-tour .col-sm-7 img {border: 1px solid #7d7d7d}
#virtual-tour .col-sm-5 {font-size: 14px; font-weight: 300; color: #666}
#virtual-tour .tmdi-heading {margin: 0; border-bottom: none; height: 40px}
.vt-thumb.selected {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/133-mtdi/icon-thalay-noo.png) no-repeat center bottom}


label.required:after {
content: " *" !important;
color: red !important;
}



#group-container-field_id_1240418 label {
width:100%;
}

#group-container-field_id_1240106 label {
width:100%;
}

#login-footer a.btn-modal-registration.btn.btn-darkgrey.flt-left
{display: none;}

#login-footer .col-sm-8 &gt; a {display: none;}

.btn-danger{background:#d0202d !important;}


@media screen and (max-width: 640px){
    .time-display,.agenda-col,.agenda-row,.simple-section.agenda-section h4 span{
        width: 100% !important;
        display: block !important;
        margin-left: 0px !important;
    }
    .simple-section.agenda-section h4 span{
        text-align: center;
    }
    .agenda-rows .agenda-row:last-child .agenda-col:last-child{
        padding-bottom: 0px !important;
    }
}