@font-face{
  src: url(https://vepimg.b8cdn.com/uploads/vjfnew/4866/uploads/vjf/content/misc/1620746563author.otf);
  font-family: author;
}

body {
  font-family: 'Arial', sans-serif;
  font-size:14px;
  color:#333; 
}
.two-btns {
  text-align: left;
  
}

.dlverlgo img {height: 75px;}
.edit-profile-section .reg-btn-row{
display: block;
  height: 80px;
  z-index: 99999;
}
.header-content {background: #fff}
/*https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1530613151new-banner.jpg
.main_top_area {background: transparent url(http://vjfpk.bayt.com/vfair/uploads/tmp/c463c0ef16faac9916f41bd091a3d094.jpg) no-repeat top left / 100%;}*/
.main_top_area {
/*background:url(https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1534153744ck-independence.png)no-repeat top center / 100%;*/
/*background:url(https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1535112760240818-Overwelmingpost-CK-1920x750.jpg)no-repeat top center / 100%;*/
background:url(https://vepimg.b8cdn.com/uploads/vjfnew/4866/uploads/vjf/content/misc/1620336830hero.jpg)no-repeat top center / 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100vh;
 min-height:600px;
}
.orange-btn{    background: #333;
  color: #fff;
    padding: 8px 12px;
}
.mypanel .mypanel-body {
  display: none;
  padding: 15px 0px;
}
.header-content > .container {margin: 0; width: 100% !important; max-width: 100% !important}

.orange-btn:hover{color:#fff;}
.orange-btn2{background-color:#2f9203; color:#fff;        padding: 20px 15px;
  display: inline-block;
  margin-top: 23px;
  min-width: 320px;
  border-radius: 3px;
  font-size: 20px;}
.orange-btn2:hover{ color:#fff;}
.job-industry{padding-bottom:15px;}
.row-equal-height2{display:flex; flex-wrap:wrap; align-items:strech;}
.row-equal-height2 .col-sm-4{}
.borbottom{border-bottom:1px solid #dadada;}
.job-category{background:#eaeaea; margin-top:15px;}
.light-gray-bg{background:#f7f7f7;}
.all-jobs h4{font-size:16px !important; padding-top:15px !important;}
.simple-section.agenda-section h4 span {
  display: inline-block;
  padding-bottom: 0;
  background: #FFEB00;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  margin-left: 35px;
}
.agenda-row {
  display: table;
  width: 100%;
  margin-top: 0px;
  margin-left: 38px;
}
.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(    https://vepimg.b8cdn.com/uploads/vjfnew/336/content/files/1599044406circle-png1599044406.png) no-repeat left top 24px / 10px, url(https://vepimg.b8cdn.com/uploads/vjfnew/298/uploads/vjf/content/misc/1551852694timeline-strip.png) repeat-y left 3px top;
}
.agenda-col {
  display: table-cell;
  vertical-align: middle;
}
.time-display {
  width: 120px;
  font-family: 'author', sans-serif;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  color: #777;
  font-size: 14px;
  font-weight: bold;
  margin-right: 15px;
}
.time-display {
  text-align: center;
}
.time-display img {
  display: block;
  margin: 5px auto;
}
.agenda-row h3 {
  font-size: 20px !important;
  font-family: 'author', sans-serif !important;
  font-weight: 600 !important;
  line-height: 18px;
  display: block;
  text-align: left !important;
  color: #555555 !important;
  margin: 20px 0 16px !important;
}
.mh-60 {
  min-height: 60px;
}
.agenda-row .speaker {
  padding-left: 60px;
  position: relative;
}
.agenda-row .speaker:last-child {
  border-bottom: 1px solid #eee;
}
.mypanel h3 {
  background: url(https://vepimg.b8cdn.com/uploads/vjfnew/336/content/files/15990444861589530960arrow-png1599044486.png) right center no-repeat;
  -webkit-background-size: auto;
  background-size: auto;
  cursor: pointer;
padding-right: 40px;
}
.agenda-row .speaker img {
  height: 50px;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
    object-fit: cover;
object-position: top;
}
.agenda-row span.designation {
  display: block;
  font-size: 14px;
}
.main_top_ust{background:url(https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1533132934banner-ust.jpg)no-repeat top center / 100%;  min-height:530px;}
.latest-jobs{background-color: #f5f5f5; border: 1px solid #d7d7d7; padding: 12px 0px; margin-bottom: 40px;}
.row-equal-height{display: flex; flex-wrap: wrap; align-items: stretch;}
.row-equal-height .col-sm-4{display: flex;}
.job-box{background-color: #fff; padding: 15px; margin: 0px 15px; margin-bottom: 30px; width: 100%;}
.job-box h6{color: #f15b29; font-size: 16px; font-weight: 500;}
.job-box span{display: block; color: #a0a0a0; font-size: 14px;}
.vid-img{border:1px solid #d7d7d7;}
.slick-prev:before, .slick-next:before{color: #9a9a9a !important;}
.slick-prev{left: -12px !important;}
.slick-next{right: -12px !important;}
.main_top_ust .container, .main_top_ust .row, .main_top_ust .col-sm-12{min-height: inherit;}

.main_top_ust .company-logo{position: absolute; bottom: -50px; border:1px solid #000; left: 15px;}

.gray-bg p {
  margin-left: 70px;
  font-size: 13px;
}

.sub_title{font-size: 27px; font-weight: normal;}
.sub_title span{font-size: 16px;}
.why-reg h4{
  font-weight:700;

}
.video-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.video-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
/*
* Row with equal height columns
* --------------------------------------------------
*/
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
  
  flex-wrap: wrap;
}

.schedule-date {
  background: #FFEB00;
  border-radius: 6px;
  padding: 30px 10px;
  text-align: center;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
}

.team-info {
  padding-top: 20px;
  color: #727272;
}

.team-thumnail {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  background: #ececec;
  border-radius: 10px;
  border: #FFFFFF solid 10px;
  height: 195px;
  width: 195px;
  text-align: center;
}
.team-thumnail a img {
  padding-top: 0px !important;
  margin-bottom: 0px !important;
}
.team-info img.ico-link {
  margin: 10px 0 !important;
  padding: 0 0 0 0 !important;
}
.team-info h5 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}
.team-info p {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 0px !important;
}
.team-info p a {
  color: #5f88c6;
}
.faq-bg{background: url(https://vepimg1.b8cdn.com/uploads/vjf/336-ck2/faq-bg.jpg);}

.checklist {list-style: none;margin: 0px; padding: 0px; margin-top: 30px;}
.checklist li {font-size:18px;padding-left: 35px; background: url(https://vepimg.b8cdn.com/uploads/vjfnew/4866/uploads/vjf/content/misc/1620337379check.png)no-repeat left; margin-bottom: 12px;}
.left-border-orange {
  border-left: 8px solid #FFEB00;
  margin-bottom: 30px;
}

.dis-ico {
  float: left;
  width: 60px;
}

.why-reg{list-style: none; padding: 0px; margin: 0px;}
.why-reg li{position: relative;padding-left: 90px; margin-bottom: 70px;}
.why-reg li img{ position: absolute; left: 0px; top: 0px; width: 68px; height: 68px; border-radius: 8px; }

.gray-bg {
  background: #f1f1f1;
  padding: 30px 0px;
}
.time-display{font-weight: bold; margin-bottom: 15px;}
.title{font-weight: bold; margin-bottom: 8px;}
.speaker-name{position: relative;}
.speaker-name.with-img{padding-left: 60px;}
.speaker-name img{
  height: 50px;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.speaker-desc{font-size: 11px; margin-top: 18px; font-style: italic;}
.marTop30 {
  margin-top: 40px !important;
}
.visible-on-md{display: none;}
.bor-bottom {
  border-bottom: #d8d8d8 solid 1px;
  padding-bottom: 30px;
  margin-bottom: 60px;
}





.logo-left-en {text-align:left !important}
.logo-left-en img {
  height: auto;
  width: 100%;
  max-width: 210px;
}
.row.padding {padding-top: 20px}
.modal-header {background-color: #FFEB00; color: #000 !important;}
.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, .main_top_ust {
border-bottom:none
}
.main_top_area .container-wrp, .main_top_ust .container-wrp {
background: rgba(0,0,0, 0.1);
height: 100%;
  padding-bottom: 20px;   
min-height:inherit;
}
.popup {background: none; margin-top: 0px; padding: 20px 30px 20px;}
.popup h1 {
  text-align: left;
font-family: author,serif !important;
font-size: 7em !important;
margin-top: 0px;
font-weight:normal;
color: #fff;
  text-transform:capitalize;
}
.popup h1 span {
font-size: 0.7em !important;
  margin-bottom: 10px;
  text-transform:none;
  display: block;
}
.popup h2 {
line-height: 1.1;
margin-top: 20px;
color: #fff;
font-size: 3.2em;
font-weight: normal;
  text-transform:capitalize;    
}
.popup h2 span {
font-size: 0.7em !important;
  margin-bottom: 10px;
  display: block;
  text-transform:none;    
}
.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: 8px !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {text-align: right}
#footer, footer{
  border-top-color: #FFEB00 !important;
  background-color: rgb(255, 255, 255) !important;
}
.footer-section-1 img {height: 60px; margin:5px 0}
.footer-section-2 img {margin-top: 15px}
.foot_bootom {display: none !important}
#footer .padding {padding-top:9px}
.btn-darkgrey{
  background-color: #FFEB00 !important;
  color:#000 !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: author;
  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 > img {height: 100% !important; width: auto !important; display: inline-block}*/
#banner-slider .carousel, #banner-slider .carousel-inner, #banner-slider .item, #banner-slider .item > img {height: 100% !important; width: 100% !important}

/* specific */

#time {padding: 10px 0 10px}
#time li {background: #fffffa !important; border-radius: 5px; width: 95px; padding: 15px 5px 10px; margin-right: 14px}
#time p {background: none !important; color: #333333; height: auto; line-height: 1em; font-weight: bold; font-size: 40px; font-family: 'author',sans-serif}
#time span {margin-top: 0; margin-left: 0; color: #333333; left:0; padding-top: 0}

.popup {margin-bottom: 0}
.two-btns {margin: 80px 0 10px}
.two-btns .btn {padding: 15px 18px !important; font-size: 18px; font-weight: bold; font-family: author; border-radius: 3px}
.two-btns .green-btn, .two-btns .green-btn:hover {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/134-pdn/button-bg.jpg) repeat-x !important; color: #000 !important; margin-right: 15px}
.two-btns .white-btn {background:#FFEB00; color:#000;}
#get-your-own .two-btns .green-btn {}
.green-btn:hover,
.white-btn:hover {
  opacity: 0.8;
}
.employers-list{
  list-style:none;
  padding:0px;
  margin:0px;
  text-align:center;
    display: none;
}
.employers-list li{
  display:inline-block;
  text-align:center;
  margin:0;
  padding:20px;
  width:33%;
}
.company-four-col li{width:24%;}
.employers-list li img {
 max-width: 75%;
}
.host-list{
  list-style:none;
  padding:0px;
  margin:0px;
  text-align:center;  
}
.host-list li{
  display:inline-block;
  text-align:center;
  margin:0;
  padding:0px;
  width:auto;
}
.jobs .col-sm-4 {padding: 0 12px}
.jobs .col-sm-4 .job-row {position: relative; background: #FFEB00; border-right: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; text-align: left; min-height: 90px; margin-bottom: 15px; padding: 20px 10px 13px 14px; color:#fff;}
.jobs .col-sm-4 span {border-left: 1px solid #e6e6e6; display: inline-block; vertical-align: top; margin-left: 51px; padding-left: 10px; color: #000; font-size: 13px; line-height: 26px}
.jobs .col-sm-4 span strong {font-size: 14px; line-height: 18px}
.jobs .carousel-control {width: 20px; top: 48px; left: -24px; background: none; color: #FFEB00; font-size: 16px; text-shadow: none; opacity: 1; bottom: auto}
.jobs .carousel-control.right {left: auto; right: -24px}
.jobs .carousel-control:hover {opacity: 0.5}
.jobs .carousel-control .glyphicon-chevron-left, .jobs .carousel-control .glyphicon-chevron-right, .jobs .carousel-control .icon-prev, .jobs .carousel-control .icon-next {font-size: 24px; height: 24px; margin-top: 0; width: 24px}
.section-panel.jobs h1.job-city {font-size: 20px; color: #25aae1; text-align: left; margin-bottom: 10px; font-family: 'author', sans-serif; font-weight: 700}
.job-row h6 a,
.job-row h6{
  font-size: 16px;
  margin:0 0 5px 0 !important;
}
.job-row .job-city-list{
  font-size: 14px!important;
  font-weight: 600 !important;
  padding-top: 0px !important;
}
.job-row p{
  padding-top: 0px !important;    
  font-size: 14px !important;
}
.job-row h6 a:hover{
  text-decoration: underline;
}

.slim-bar{
      background:#FFEB00;
}
#LoginBtn{
  color: #fff;
  background-color: #333;
  border-color: #333;

}
.padTop20{
  padding-top:20px;}
.sponserSec{
  margin-bottom:35px;
  text-align:center;
}   
.centered {
  text-align: center;
}
.centered .col-center-block {
  float: none;
  display: inline-block;
  text-align: center;
}
.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}

.simple-section {color: #393938; text-align: left; padding: 40px 5px !important; border-bottom: 1px solid #e0e0e0}
.simple-section h1 {font-family: author, sans-serif; font-size: 40px; text-align: center; margin: 0 0 20px; font-weight: 700; color: #2c2c2c}
.simple-section h3 {margin: 0 0 25px; font-size: 30px; color: #414141; font-weight: 700; text-align: center}
.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: #414141}
.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: 18px; margin-bottom: 16px; line-height: 28px}
#presenters-section h1 {margin: 0; font-size: 25px; font-weight: 600; line-height: 30px}
#about-section p {font-size: 16px; line-height: 1.5em}

.schedule-container {color: #414141; 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 {font-family: "author",serif; 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 > li > a {padding-bottom: 10px; border-bottom: 2px solid transparent; padding-bottom: 2px}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
text-decoration: none;
color: #505050;
padding: 8px 8px 9px;
font-size: 21px;
line-height: 18px;
font-weight: 400;
text-transform: none;
}
.navbar-default .navbar-nav > li > a {
  text-decoration: none;
  color: #505050;
  padding: 8px 8px 9px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  text-transform: none;}
.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 > li {display: inline-block !important}
.navbar-collapse .nav > li:last-child{background-color:#FFEB00; }
.navbar-collapse .nav > li:last-child a{color:#fff; }
.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: #333; font-family: 'author', sans-serif; font-weight: 700}
.faq .panel-collapse {font-size: 14px; text-decoration: none; cursor:pointer;}
.faq .panel-collapse .panel-body {width: 100% !important; padding-bottom: 0; border: none !important; padding-top: 9px; font-size:14px !important; font-family: "author",serif !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-family: "author",serif; 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}
.dateList {
  text-align:center;
  margin-bottom:5px;
}

@media (min-width: 768px) {
.ten-columns > .col-sm-2 {
  width: 20%;
}
}

@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:1199px){
  .main_top_ust{min-height: 450px;}
}

@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:991px){
  .main_top_ust{min-height: 350px;}
  .main_top_ust .company-logo{left: 50%; transform: translateX(-50%); bottom: -100px;}
  .main_top_ust{margin-bottom: 110px;}
  .team-thumnail{width: 145px;
  height: 145px;}
  
  .visible-on-md{display: block!important;}
}

@media only screen and (max-width:767px){
  .simple-section video{
    width: 100%;
  }
  .main_top_area .two-btns {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
  }
  .main_top_ust{min-height: 450px;}
#LoginBtn{width:100%;}
.navbar-form{padding-left:0px; padding-right:0px;}
  .team-info {
  margin-bottom: 20px;
  padding-top: 0px;
  text-align: center !important;
}
  .team-thumnail {
  margin: auto;
}
  .team-thumnail{width: 195px;
  height: 195px;}
  .row-eq-height{display: block;}
  .schedule-date{margin-bottom: 20px;}
  
.navbar-toggle {
  margin-top: -50px;
}
  .employers-list li {
  display: inline-block;
  padding: 20px;
  width:49%;
}
  .two-btns {margin: 245px 0 30px}
.two-btns a{margin-bottom: 15px;
display:block;}
.dateList {
  text-align:center;
}   
  .jad-logo-mob{margin-top: 12px;}
  .navbar-collapse {margin-top: 40px}
  .popup {width: 100%; padding: 0px 10px 35px}
  .popup h1 {text-align:center;font-size: 3.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; font-family: 'author',sans-serif; 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 > li > 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}*/
.navbar.navbar-default {margin-bottom: 0; min-height: 0px}
.navbar-header {display: block !important; margin-top: -15px}
.navbar-collapse .nav {display: block !important}
.navbar-collapse .nav > 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}
      .two-btns a{
      margin: 10px 15px !important;
  }
.main_top_area {
  background:url(https://vepimg.b8cdn.com/uploads/vjfnew/4866/uploads/vjf/content/misc/1620336830hero.jpg)no-repeat top center / 100%;
  background-size:contain;
}
  .main_top_ust {
  background:url(https://vepimg.b8cdn.com/uploads/vjfnew/336/uploads/vjf/content/misc/1533132934banner-ust.jpg)no-repeat top center / 100%;
    background-size: cover;
  
}
}

@media only screen and (max-width:480px){
  .slim-bar{
    height: 40px;
  }
  .logo-left-en img{
    max-width: 160px !important;
    margin-top: 10px;
  }
  .main_top_ust{min-height: 290px;}
  .main_top_ust .company-logo{bottom: -115px;}
  .navbar-toggle {
  margin-top: -45px;
}
.employers-list li {
  width:100%;
}
  .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-bottom: 0}
.popup h1 {font-size: 3.0em !important}
.popup h2 {}

h1 {font-size: 28px !important}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-left: 0; padding-right: 0}
  .two-btns a{
      margin: 10px 15px !important;
  }
/*.header-content {background: transparent url(http://vepimg.b8cdn.com/uploads/vjf/157-bdpa/header-mobile.jpg) repeat-x}*/
.header-content {background: transparent }
.header-content .navbar-collapse .btn-info{margin: 8px 0}
.logo-left-en {text-align: left !important}
.col-lg-9.top-right-section {margin-top: -30px; float: none}
  .main_top_area{height: auto;}
}


/* 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 {}
.carousel-inner .item .col-sm-4:last-child {padding-right: 0 !important}
.carousel-inner .item p {color: #fff; 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-family: 'author',sans-serif; 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}


.dateList span.cal-icon img{
  width:25px;
  height:25px;
}

.text-title {
font-size: 30px !important;
}


.two-btns .green-btn, .two-btns .green-btn:hover 
{
  background: #FFEB00 !important; 
  color: #000 !important;
  box-shadow: none !important;
}

label.required:after {
content: " *";
color: red;  

}


#group-container-field_id_1240430 label:after
{
content: " *";
color: red;  

}

#group-container-field_id_1240438 label:after
{
content: " *";
color: red;  

}

.desk-chat-bnr {
  position: absolute;
  top: 35%;
  width: 28%;
  height: 12%;
  left: 35.5%;
  cursor: pointer;
  display: inline-block;
}

.slim-bar ul > li, .slim-bar ul > li > a{
  color: #000 !important;
}

.text-center .two-btns {
  text-align: center;
  padding: 0px 0px 50px 0px !important;
  margin: 0 auto !important;
}

#footer {
  text-align: center;
  color: #000;
  padding: 10px 0px;
}

.simple-section h3 {
  background: url(https://vepimg.b8cdn.com/uploads/vjfnew/4866/uploads/vjf/content/misc/1620746900bg.png) center center no-repeat;
  background-size: contain;
  padding: 10px 30px 10px 10px;
  font-size: 48px !important;
}

h4, .h4{
  font-size: 21px !important;
}

.simple-section h3, h3, .form-heading{
  font-family: author;
}

.simple-section p, b, li, a{
  font-family: Arial !important;
}

.agenda-item {
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.agenda-item .time {
  font-weight: bold;
  font-size: 15px;
}

.agenda-item .title {
  font-size: 20px;
}

.agenda-item .sp-item {
  margin-bottom: 12px;
  cursor: pointer;
}

.agenda-item .sp-item .photo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.agenda-item .sp-item .info h4 {
  font-size: 15px !important;
  margin-bottom: 0;
}


.agenda-item .sp-item .info p {
    font-size: 12px;
    max-width: 200px;
    margin: 0 auto;
    line-height: 15px;
}

.sp-bio {
    display: none;
}

.custom-modal .modal-body h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}

.custom-modal .modal-body {
    font-size: 14px;
    line-height: 22px;
    padding: 20px 40px;
}

.custom-modal .modal-header {
    background: transparent;
    border: none;
    padding: 0px 0px;
}

.custom-modal .modal-header button {
    color: #000;
    width: 35px;
    height: 35px;
    background: #eee;
    margin: 10px;
    border-radius: 50px;
    line-height: 26px;
    z-index: 999;
    position: relative;
    opacity: 1;
    font-size: 30px;
    transition: all 0.2s ease;
}