/* ---- Common ---- */
body { color:#000; overflow-x: hidden; -webkit-overflow-scrolling: touch; background-color: #082323; }
p,h1{ margin:0px; padding: 0px; }
.blue{ color: #28b3ff; }
.white{ color:#fff; }
.blue_new{ color: #008CFF !important;}
.orange{ color: #F16924!important;}
.grey{ color:#9b9b9b; }
.make_block{ display: block; }
a,a:hover{ text-decoration: none; cursor: pointer; color:#017777;  }
h3{ margin:0px 0 40px 0; font-size: 60px; line-height:60px; color: #fff; }
.section{ margin: 0 auto; padding:70px 3% 70px; background-color: transparent; }
.append_bottom5{ margin-bottom: 5px; }
.append_bottom10{ margin-bottom: 10px; }
.appendBottom30{ margin-bottom: 30px; }
.append_bottom40{ margin-bottom: 40px; }
.append_bottom60{ margin-bottom: 60px; }
.appendBottom25{ margin-bottom: 25px;}
.appendBottom37{ margin-bottom: 37px;}
.appendBottom15{ margin-bottom: 15px;}
.append_bottom120{ margin-bottom: 120px;}
.append_bottom155{ margin-bottom: 155px;}
.appendBottom200{ margin-bottom: 200px;}
.appendBottom250{ margin-bottom: 250px;}
.appendBottom20{ margin-bottom: 20px; }

/* ---- Common ---- */
nav{ width:54%; margin: 0 auto; text-align: center; }
nav a { font-size: 12px; line-height: 14px; color: #000; margin-right: 20px; padding:14px 7px 11px; position: relative; z-index:0; cursor: pointer;   }
nav a:hover, a:focus, a:visited{ color:#000; text-decoration: none;  }
nav a.active{ background:grey; color:#fff; } 

nav a:last-child{ margin-right: 0px; }

/* ---- Container ---- */
.container{ width:auto; background:#082323; position: relative;  }
.wrapper{ width:78%; margin: 0 auto; }
.venue_location{ font-size: 60px; line-height: 60px; color:#fff; }

.dup_logo img{ width:94px; height: 38px; margin-top: 4px; }
.mmt_logo img{ width:152px; height: 49px;  }
.goibibo_logo img{ width:108px; height: 32px; margin-top: 6px;  }
.redbus_logo img{ width:82px; height:53px;  }
.nh44_logo img{ width:155px; height: 41px; margin-top: 3px; }
.adobe_logo img{ width: 75px; height: 34px; margin-top: 6px; }
.happyhorizon_logo img{ width: 106px; height: 34px; margin-top: 6px; }
.servicenow_logo img{ width: 154px; height: 23px; margin-top: 17px; }
.thela_logo img{ width: 137px; height: 52px; margin-top:4px; }

.nh44_logo,.redbus_logo,.goibibo_logo,.mmt_logo,.dup_logo,.paytm_logo,.thela_logo{ margin-right: 35px; }  
a.view_map_txt{ font-size: 18px; line-height: 20px; margin-top: 30px; margin-left: 10px; color: #017777; }
.form_field{ width:40%; background: #fff; border: 1px solid #979797; padding:10px; color: #585858; border-radius:4px; font-weight: normal;  }
.form_info{ position: relative; }
button.submit_bttn{ position: absolute; left:33%; margin-top: 12px; color: #017777; border: none; background: transparent; }
.white_bg{ background:transparent; }
.grey_bg{ background:transparent; }
.box_section{ box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; padding: 8px; margin-bottom:10px; position: relative; overflow: hidden; }
.top_section{ font-size: 16px; line-height: 16px; color:#9b9b9b; line-height:40px; }
.top_section .first_section{ font-size: 16px; line-height: 40px; }
.first_section{ width:65%; padding-left: 7%; margin-right: 10px; font-size: 30px; line-height: 70px; }
.ticket_type_info{ width:32%; }
.individual_section{ width:48%; margin-right: 10px;  }
.group_section{ width:48%; margin-right: 10px; }
.student_section{ width:48%; }
.ticket_section{ border:2px solid #017777; padding: 12px 14px; float: left; width:100%; background: #fff }
a.ticket_section:hover{ background-color: #E2FDFD; }
.yellow{ background: #f7c825; }
.purple{ background: #a046f4; }
.green{ background: #41b27d; }
.pink{ background: #ff7d9e; }
.blue{ background: #2a20ff; }
.cream{ background: #017777; }


.rectangle{ width:48px; height: 110px; left:-2%; margin-top: -2%; 
	-ms-transform: rotate(16deg); /* IE 9 */
	-webkit-transform: rotate(16deg); /* Safari 3-8 */
	transform: rotate(16deg); float: left; position: absolute; }

.price_info{ font-size: 20px; line-height:25px; color:#000; font-weight: bold; }
.buy{ font-size: 16px; font-weight: 600; color: #017777; }
.day_one,.day_second{ width:50%; font-size:18px; line-height: 20px; color:#fff; }
.box_section.append_bottom40{ margin-bottom: 40px; }
.date_info{ margin-right: 20px; }
.day_info{ color:#fff; margin-right: 20px; line-height: 24px; }
.sepration_info{ border-top:1px solid #878787; margin-top: 12px; height: 1px; width: 4%; margin-right: 10px;  }
.day_one .sepration_info{ width:12%; }
.sub_info{ font-size: 12px; line-height: 12px; margin-top: -15px; }
.yellow_gradient{ opacity: 0.92; background-image: linear-gradient(222deg, #ffd733, #f0bc19); min-height: 1726px; } 
.schedule_description{ font-size: 16px; line-height:22px; color: #fff; }
.time_slot{ width:45px; margin-right:20px; font-size: 16px; }
.speaker_descrptn{ width:220px; margin-right: 50px; }
.agenda_info{ width:460px; }
.agenda_info{ line-height: 20px; }
.round_icon{ width:24px; height: 24px; margin-right: 16px; margin-top: 2px; }
.subscribe_info{ font-size: 20px; line-height: 26px; font-weight: 100; color: #fff; }

/* ---- Speakers ---- */
img{ max-width: 100%;}
.carouselSection{ display:block; }
.carouselSectionLeft{ flex: 1; display: flex; flex-direction: column; padding-left: 14%; }
.workshopCarousel .carouselSectionLeft{ padding-top: 20px; }
.count{ width: 40px; height: 78px; background: #f7c825; font-size: 44px; color: #000000; display: flex; align-items: flex-end; line-height: 36px; margin-bottom: 15px;}
.txtSpeaker{ font-size:60px; line-height: 60px; color: #fff; margin-bottom: 30px;}
.day{ font-size: 24px; line-height: 24px; color: #9b9b9b;}
.carouselSectionRight{ width:auto; flex-shrink: 0; position: relative; padding-left: 13%; }
.slideItemCol{ width: 180px;}
.slideItems{ display: flex; flex-direction: column; cursor: pointer; }

.owl-nav{ width: 88px; height: 40px; border:2px solid #017777; position: absolute; z-index: 2; }
.owl-nav button{width: 50%; line-height: 40px; align-items: center; justify-content: center; cursor: pointer; outline: 0; border: 0; font-size: 24px !important;}
.owl-nav button.disabled{ opacity: 0.2; cursor: pointer;}
.speakerCarousel .owl-nav{ left: 58%; top: -75px; transform: translateX(-50%);}

/* ---- Workshop ---- */
.workShopItemCol{ width: 480px;}
.workShopItems{ height: 150px; background: #fff; padding: 20px; display: flex; align-items: center; border-radius: 4px; position: relative; }
.contestant{ width: 66px; height: 66px; flex-shrink: 0; overflow: hidden; border-radius: 50%; margin-right: 16px; background: #f1f1f1; }
.contestantDetails{ flex: 1; padding: 0 30px 0 0;}
a.seeDetails{ font-size: 14px; color: #017777; text-transform: uppercase;}
.workshopCarousel .owl-carousel .owl-stage-outer{ padding: 20px 0 20px 20px;}
.workshopCarousel .owl-nav{ right:32%; top:-75px; }
.sld_outinfo{ position: absolute; width: 130px; height: 130px; right: 0px; top: 0px; }

/* ---- UxNOW ---- */
.uxNowCarousel{ position: relative;}
.uxNowItem{ height: 280px; background-size: cover !important;}
.uxNowCarousel .bttnCont{ left: 80%; top: -20px;}
.uxNowCarousel .owl-carousel .owl-item img{ width: auto;}
.uxNowCarousel .owl-nav{ right:560px; top: -100px; }

/* ---- SpeakerList ---- */
.speakerItem{ display: flex; color: #fff; }
.speakerItem .thumb{ width: 50px; height: 50px; background: #ccc; border-radius: 50%; flex-shrink: 0; margin-right: 20px;}
.speakerItem .desc{ flex: 1;}
.name_info{ font-size: 16px; line-height: 16px; color:#fff; margin-bottom: 10px; }
.designation_info{ font-size: 14px; line-height:18px; color:#fff; font-weight: normal; }
.shadow_box{ box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.2);}
.wrksh_detl1{ font-size: 14px; line-height: 18px; margin-bottom: 10px; }
.wrksh_detl2{ font-size: 12px; line-height: 18px; font-weight: normal; }
.speakerListCont{ padding-left: 13%; }
.speakr_hdng{ font-size: 20px; line-height: 20px; margin-bottom: 10px; }
.speakr_shrt_descrptn{ font-size:14px;  line-height: 18px; font-weight: 200; }
.uxNow{ padding-left: 14%; }
.uxNow .view_map_txt{ margin-top: 15px; margin-left: 15px; color: #017777; }
.mrgn_right{ margin-right: 15px; }

.uxnow_brief{ background: url(../images/black-bg.png) no-repeat;  background-size:cover; height: 1635px; margin-left: -30px; margin-right: -30px; position: relative; }
.black_bg{ padding: 0px; height: 2240px; margin-bottom: 250px; }
.carouselSection{ padding-bottom:20px;}
.location{ position: absolute; right: 8%; top: 3%; width: 16%; }
.date_info{ font-size: 20px; line-height: 24px; }
.center_info{ font-size: 16px; line-height: 20px; letter-spacing:.1em; }
.year_info{ font-size: 20px; color: #fff; line-height: 20px; letter-spacing: 17px; font-weight: 500; position: absolute; right: 8%; top:17%; width: 97px; display:none; }
.section.navigation_info{ padding:20px; }
.destination_tiltedinfo{ font-size: 12px; color:#fff; letter-spacing: .1em; font-weight: 500; -ms-transform: rotate(60deg); height: 40px; -webkit-transform: rotate(60deg); transform: rotate(60deg); position: absolute; bottom: 16%; width:325px; left: 20%; top:20%; }
.seprtn_info{ border-top: 1px solid #fff; float: left; width: 80px; margin: 8px 10px 0; }
.shortinfo{ font-size: 16px; line-height: 28px; width: 335px; color:#fff; margin-right: 80px; }
.punchline_section{ padding-left: 13%; position: absolute; bottom: 26%; }
.punch_lines.wdth{ width:250px; margin-right: 80px; }
.punch_lines p{ font-size: 36px; line-height: 52px; color:#fff; font-weight: 600; }
.yellowtxt{ color: #f7c825; }
.border_dotes{ margin-right: 80px; padding-top:8px; }
.circle_icon{ float: left; width:14px; height: 14px; background-color: #fff; border-radius: 14px; margin-right: 10px; }
.uxnow_introduction{ padding-left: 13%; position: absolute; top:36%; }
.no_of_days{ margin-right: 80px; }
.no_of_days .yellowtxt{ display: inline-block; width:45px; margin-right: 5px; text-align: right; }
.punch_lines.no_of_days p{ line-height: 45px; }
.speaker_bg{ margin-right: 80px; }
.speaker_workshp_info{ margin-left: -21%; margin-top:18px; text-align: right; text-transform: uppercase;  }

/*---- Modal ---- */
.bodyFixed{ overflow: hidden;}
.modalContOuter{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #091F1F; z-index: 9; overflow-y: scroll; }
.modalContInner{ max-width: 1120px; margin: 0 auto; position: relative; }
.modalContent{ display: flex; padding: 80px 0 80px 0; color: #fff; }
.modalLeft{ width: 180px; flex-shrink: 0; margin-right: 54px;}
.modalRight{ flex: 1; padding-right: 60px;}
.btnModalClose{ text-transform: uppercase; position: absolute; right: 0; top: 50px; cursor: pointer; color:#AFAFAF; font-size: 16px; }
.takingOn{ padding: 15px; border: 2px #f7c825 solid; margin-bottom: 20px;}
.speaker_name{ font-size: 40px; line-height: 40px; margin: 0 0 8px 0; }
.speaker_subinfo{ font-size: 18px; line-height:18px; font-weight: normal; }
.heading_p6{ font-size: 16px; line-height: 16px; margin-bottom: 10px; color: #f7c825; }
.brief_p1{ font-size: 17px; line-height: 26px; font-weight: 600; }
.workshop .heading_p6{ color: #4aac8b; }
.workshop{ padding: 15px; border: 2px #4aac8b solid; margin-bottom: 20px; }
.workshop .brief_p1{ margin-bottom: 8px; }
.brief_p2{ font-size: 16px; line-height: 26px; font-weight: 200; }
.bio{ border: 2px solid #9b9b9b; padding: 15px; }
.expanded_info{ display: none; }
.bio .heading_p6{ color: #9b9b9b; }
.lines_bg{ background: url(/images/lines_bg.png) no-repeat;  background-size:cover; height: 1965px; margin-left: -30px; margin-right: -30px; position: relative; padding-top: 150px; }
.carouselSection.workshopCarousel{ padding-bottom:1ck
	0px;  }
.fb_icn,.instagram_icn,.twitter_icn{ margin-right: 20px; }
.twitter_icn{ margin-top: 6px; }

/*---- Sticky ---- */
img.ux_logo_icnsticky{ display: none; }
.sticky { position: fixed; top: 0; width: 100%; background: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); left: 0px; z-index: 3; padding-left: 3.1%; padding-right: 3%; display: block!important; }
.sticky nav{ width:55%; padding-bottom: 15px; padding-top: 16px; }
.sticky img.ux_logo_icn{ display: none; }
.sticky img.ux_logo_icnsticky{ display:inline-block; margin-left: 7px; margin-right: 8px; }
.mble_insd{ display: none; }
.for_desktop{ display: block; }
.for_mobile{ display: none; }

.wdth180{ width:180px;}
.wdth200{ width:200px;}
.wdth250{ width:250px;}
.wdth300{ width:300px;}
.wdth400{ width:400px;}
a.bigimg img{ width:255px; height: 110px;}
a.smallimg img{ width:146px; height:110px;  }
.speaker_bg img{ width:620px; height:101px; }
a.designup_ganag img{ width:84px; height: 33px; }
a.read_moreinfo{ color: #008cff; }

/* ---- Style the tab ---- */
  .tab button { background-color: #fff; float: left; border: none; outline: none; cursor: pointer; padding: 5px 16px;
	transition: 0.3s; text-align: left; position: relative; }
  
  .tab{ border:2px solid #017777; display: inline-block; }
  .tab button.active { background-color: #017777;  }
  .tab button.active::after{ width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 0; border-color: #017777 transparent transparent transparent; content: ''; position: absolute; left: 0px; bottom: -16px; }
  .tab button.ft.active::after{ left: -2px;}
  
  .tabcontent { display: none; transition: 0.3s;  }
  .section.yellow_gradient h3{ margin-right: 20px; margin-top: 6px; margin-bottom: 0px; }
  .top_txt{ font-size: 18px; line-height: 20px; font-weight: 600; color: #000; }
  .btm_txt{ font-size: 14px; line-height: 16px; color: #000; }
  .tab button.active .top_txt,.tab button.active .btm_txt{ color: #fff; }
  .section.for_schedule{ background: url(/images/schedule_bg.png) right no-repeat; }

  .typo_section{ text-align: center; }
  .typo_section img{ width:209px; height:135px; }
  .typo_section{ margin-bottom: 20px; }
.confrnce_info{ font-size: 16px; line-height: 18px; text-align: center; letter-spacing: 11px; }
.success_mesg{ font-size: 30px; line-height: 40px; font-weight: 600; color: #fff; }
.gst_txt{ font-size: 10px; color:#2f2f2f; }
 .shadow_box,.modalLeft { overflow: hidden; }
.shadow_box img{ -webkit-transition: 0.4s ease;
	transition: 0.4s ease;
  }
.shadow_box img:hover {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
  
}
.punch_lines.speaker_workshp_info p{ font-size: 28px; line-height: 35px; text-align: left; }
.spcl_brdr{ padding: 6px 8px;  margin-top: -4px; }
.sepration_info.spcl{ width: 270px; margin-right: 0px; }

/* ---- Temporary-Text ---- */
.hidden{ display: none; }
.blank_image{ background: #f2f2f2; width:546px; height:696px;}
.temporary_image{ background: #f2f2f2; text-align: center; }
.temporary_image img{ width:50%; padding-top: 30%; }
.temporary_txt{ font-size: 35px; line-height: 45px; }
span.temp_txt{ font-size: 24px;  color:#9b9b9b; line-height: 30px;  }
.visibility_hidden{ visibility: hidden; }
.text-center{ text-align: center; }

.first_half,.second_half,.lunch_break{ position: relative; padding-left: 80px; margin-bottom: 12px; }
.scnd{ top:34%; }
.thrd{ top:68%;  }
.furth{ top:97%; }
.black_brder{ border: 3px solid #017777; border-radius:5px 5px ; background: #017777; margin-right: 20px; min-height: 562px;  }
.blue_brder{ border: 3px solid #FFD541; border-radius:5px 5px ; background: #FFD541; margin-right: 20px; min-height: 180px;  }
.speaker_schedule{ background: #fff; min-height: 562px; width: 190px; padding: 20px 10px; margin-right: 18px; }
.speaker_schedule .name_info{ line-height: 20px; color: #000; }
.speaker_schedule  .designation_info{ line-height: 20px; color: #000; }
.time_info{ font-size:18px; font-weight: bold; position: absolute; left: -3px; color: #fff; }
.speaker_schedule .designation_info .for_desktop{ display: inline; } 
.lunch_break .name_info{ line-height: 180px; }
a.sold_out{ cursor: default; pointer-events: none; border-color:#9b9b9b; position: relative; }
a.sold_out .price_info{ color: #000; }
.sold_out .buy{ visibility:hidden; } 
.sold_out_icon{ position: absolute; ;}
a.sold_out .price_info{ color: #9b9b9b; }
a.sold_out .sold_out_icon{ left: 17%; top: 20%; }
.workShopItemCol .sold_out_icon{ left: 50%; right: 14%; }

/* ---- New-Theme ---- */
.slashed_brdr{ font-size: 20px; line-height: 20px; color: #2a20ff; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ color: #fff!important; }
.daytxt{ font-size: 20px; line-height: 22px; color: #fff; }
.daytxtanth{ font-size: 24px; }
.speakerCarousel  .owl-carousel .owl-stage{ padding-left: 18px!important; }
#navigation{ display: none; }
.section.brfinf{ padding: 10px 0 50px 0; }
.uxnow_briefinfo{ padding-left: 14%; }
.makeblock{ display: inline-block; }
.dashdtxt{ border-top: 2px solid #FFD541; margin:10px 15px 0;  width: 50px; }
.frt{ font-size: 18px; line-height: 20px; margin-bottom:5px; }
.secnd{ font-size: 14px; line-height: 20px; }
.eventdate{ position: relative; }
.subinfo{ margin-right: 20%; width: 20%; margin-top: 18px; }
.punchline-left{ font-size: 14px; line-height: 24px; width: 32%; } 
a.register_tab{ font-size: 16px; font-weight: 900; color: #2a20ff; border: 2px solid #2a20ff; border-radius: 4px 0 0 4px; padding: 10px; line-height: 18px; border-right: none medium; width: 58%; margin-top: 30px; margin-right: -3%; }

span.no_register_tab { font-size: 24px; font-weight: 900; color: #E52035; padding: 10px; line-height: 18px; width: 58%; margin-top: 30px; margin-right: -3%;}

a.register_tab:hover{ background-color: #2a20ff; color: #fff; }
span.register_arrow{ background: url(../images/ic-cta-arrownext.png); width:16px; height: 12px; background-size: 100%; display: inline-block; vertical-align: middle; margin-left: 10px; }
a.register_tab:hover span.register_arrow{ background: url(../images/ic-cta-arrownextwhite.png);  background-size: 100%; }


.eventdate .txtSpeaker{ font-size: 20px; line-height: 25px; padding-top: 18px; }
.big_img{ width:60%; position:absolute; right:-5%; top:-335%; }
.information{ position: relative; z-index: 2; background: url(../images/ic_dots_for_text_desktop.png) no-repeat; background-size:contain; }
.append_bottom200{ margin-bottom: 200px; }
.eventdate.append_bottom200{ margin-bottom:200px; }
.uxnow_briefinfo{ position: relative; }
.left_sidedesign{ position: absolute; left: 2%; width: 20px; }
.blue_bder{ border-left: 2px solid #2a20ff; display: inline-block; height: 600px; margin:5px; }
.smlltxt{ font-size: 40px;  }
.month_part{ line-height: 25px; }
.typetxt{ font-size: 12px; line-height: 13px; color: #000; margin-bottom: 10px; font-weight: bold; }
.flx_container{ display: flex;}
.main_container{ flex-direction: column; }
.append_bottom80{ margin-bottom: 80px; }
.owl-nav button span{ font-size: 28px; line-height: 32px; display: inline-block; width: 42px; }
.no_brder{ border: none medium; padding-right: 60px; padding-left: 0px; }
.speaker_schedule .contestantDetails{ padding-right: 0px; }



/* ---- Mobile ---- */
@media (min-width: 320px) and (max-width: 601px)  {
	.for_desktop{ display: none; }
	.for_mobile{ display: block; }
	.appendBottom25{ margin-bottom: 15px; }
	.append_bottom40{ margin-bottom: 16px; }
	.append_bottom60{ margin-bottom: 30px; }
	.append_bottom80{ margin-bottom: 60px; }
	.section{ padding: 40px 3% 40px; }
	h3{ font-size: 22px; line-height: 24px; }
	.wrapper{ width:100%; }
	

	.first_section{ font-size: 25px; line-height:30px; padding-left: 0%; width:99%; margin-bottom: 25px; margin-right: 0px; }
	.ticket_section{ padding: 6px; }
	.ticket_type_info{ width:100%; position: relative; }
	.price_info{ font-size: 13px; line-height: 20px; }
	.rectangle{ margin-top: -6%; left: -6%; }
	.tal_infor{ position: relative; margin-left:3%; }
	.buy{ font-size: 13px; }
	.sub_info{ font-size: 11px; font-weight: lighter; }
	.spcl_mrgn{ margin-bottom: 14px; }
	.top_section{ display: none; }
	.mble_insd{ display: block; color: #9b9b9b; font-size: 10px; font-weight: bold; margin-bottom: 4px;  }
.box_section.append_bottom40{ margin-bottom: 0px; }
.register .date_info{ font-size: 12px; line-height: 14px; margin-right: 14px; }
.day_one, .day_second{ width:100%; font-size: 12px; line-height: 14px; margin-bottom: 10px; }
.day_second{ margin-bottom: 30px; }
.sepration_info{ border-color: #979797; width: 33%; margin-top: 8px; }
.sepration_info.fr_mb{ width:15%; }
.uxnow_brief{ margin-left:-19px; margin-right: -19px; height: 352px; }
.uxNowItem{ height: 140px; width: 100px; }
.uxNow{ padding:0% 3%; }
.uxNow h3{ margin-bottom: 28px; }
.uxNow .view_map_txt{ width:100%; margin-left: 0px; font-size: 12px; line-height: 12px; margin-top: 4px; }
.uxNowCarousel .owl-nav{ right: 0%; top: -68px; }
.wdth180{ width:100px;}
.wdth200{ width:120px;}
.wdth250{ width:150px;}
.wdth300{ width:180px;}
.wdth400{ width:200px;}
.speakerListCont{ padding-left: 3%; }
.subscribe_info{ font-size: 13px; line-height: 21px; }
.speakr_hdng{ font-size: 12px; line-height: 12px; }
.speakr_shrt_descrptn{ font-size: 10px; line-height: 14px; }
.form_field{ width:100%; }
.subscribe h3{ margin-bottom: 20px; }
button.submit_bttn{ left: 0%; top: 100%; padding-left: 0px; }
.social_icons{ margin-top: 50px; }
.nh44_logo{ width:100%; margin-bottom: 22px; }
.nh44_logo img{ width:97px; height: 27px; }
.mmt_logo img{ width: 92px; height: 30px; } 
.goibibo_logo img{ width: 64px; height: 19px; }
.redbus_logo img{ width:49px; height: 32px;}
.redbus_logo, .goibibo_logo, .mmt_logo,.paytm_logo,.thela_logo{ margin-right: 11%; }
.dup_logo img{ width:81px; height: 32px; }
.rotate_section{ width: 100%; float: left; margin-top: 20px; }
.venue_location{ font-size: 28px; line-height: 28px; }
.venue h3{ margin-bottom: 20px; }
a.view_map_txt{ font-size: 14px; line-height: 20px; margin:8px 0px 0 8px; }  
.venue_location.appendBottom15{ margin-bottom: 5px; }
.append_bottom15{ margin-bottom: 15px; }
a.bigimg img{ width:152px; height:66px; }
a.smallimg img{ width:88px; height:66px;  }
.mrgn_right{ margin-right: 10px; }
.carouselSectionLeft{ padding-left: 0%; }
.carouselSectionLeft{ padding-left: 3%; }
.carouselSection{ flex-direction: column; display: flex; }
.carouselSectionRight{ width:100%; }
.count,.carouselSectionLeft{ display: inline; }
.count{ background: none; font-size: 22px; line-height: 22px; float: left; width:15px; height: 20px; margin-bottom: 0px; }
.txtSpeaker{ width:100%; float:left; font-size: 22px; line-height: 28px; margin-bottom: 4px;  }
.day{ font-size: 14px; line-height: 14px; }
.workshopCarousel .owl-nav{ right: 12px; top: -46px; }
.workShopItemCol{ width:96%; }
.workshopCarousel .owl-carousel .owl-stage-outer{ padding: 20px 0 20px 0px; }
.workShopItems{ flex-direction: column; align-items: flex-start; padding: 10px; height: 215px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2); }
.contestant{ width:44px; height: 44px; margin-bottom: 16px; }
.wrksh_detl2{ line-height: 14px; margin-bottom:15px; }
.uxnow_brief{ background: url(../images/black-bg-mobile.png) no-repeat; height: 780px; background-size:cover ; margin-bottom: 5px; }
.punch_lines p{ font-size: 16px; line-height: 20px; }
.destination_tiltedinfo{ left:17%; top: 14%; font-size: 7px; width: 80px; height: 12px; }
.destination_tiltedinfo .seprtn_info{ width:20px; margin: 5px 10px 0; }
.destination_tiltedinfo  .fr_mb{ display: none; }
.year_info{ right: 12%; top: 11%; font-size: 7px; letter-spacing: 6px; display: none; }
.uxnow_introduction { padding-left: 6%; top: 22%; width:100%; }
.no_of_days .yellowtxt{ width: 20px; }
.punch_lines.no_of_days p{ line-height: 22px; }
.no_of_days{ margin-right: 15px; }
.speaker_bg{ margin-right: 0px; }
.speaker_workshp_info{ position: absolute; right: 3%; top:0%;  }
.punch_lines .append_bottom60{ margin-bottom: 42px; }
.border_dotes{ margin-right: 10px; }
.border_dotes.last{ display: none; }
.shortinfo{ font-size: 12px; line-height: 22px;}
.circle_icon { width: 8px; height: 8px; margin-right: 5px; }
.punchline_section { padding-left: 6%; }
.punchline_section{ bottom: 28%; width:100%; }
.shortinfo{ width:78%; margin-right: 0px; }
a.designup_ganag img{ width:42px; height:17px; }
.append_bottom155{ margin-bottom: 145px; }
.for_mobile.punch_lines{ position: absolute; bottom:17%; margin-right: 0px; width: 95%; padding-left: 6%; }
.for_mobile.punch_lines p{ float: left; margin-right: 5px;  }
.slideItemCol{ width:90%; }
.speakerCarousel .owl-nav{ right: -13%; top: -14%; left: auto; }
.carouselSectionRight.speakerCarousel{ margin-top: 20px; }
.name_info{ font-size: 12px; line-height: 12px; margin-bottom: 5px; }
.shadow_box.appendBottom15{ margin-bottom: 8px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2); }
.designation_info{ font-size: 11px; line-height: 15px; }
.appendBottom37{ margin-bottom: 30px; }
.black_bg{ height: 1240px; margin-bottom: 180px;  }
.lines_bg{ background:url(/images/lines-bg-mobile.png) no-repeat; background-size:cover ; margin-bottom: 30px; margin-left: -10px; margin-right: -10px; height: 1250px; min-height: 1250px;  }
.yellow_gradient{ min-height: 1165px; }
.schedule_description{ font-size: 14px; line-height: 18px; }
.schedule_description .sepration_info{ display: none; }
.agenda_info{ width:75%; line-height: 18px; display:block; margin-left: 61px; margin-top: 10px;  }
.time_slot{ margin-right: 16px; margin-top: 3px; }
.agenda_info.firstpart{ display: block; }
.speaker_descrptn{ margin-right: 0px; width: 78%; }
.round_icon{ float: right!important; margin: 0px 0 0 10px; }
.modalContOuter{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background:#091F1F; z-index: 9; overflow-y: scroll; padding: 0 20px; }
.modalContent{ flex-direction: column; padding:45px 0 25px; }
.modalLeft{ width: 109px; height: 136px; margin-bottom: 25px; }
.speaker_name{ font-size: 20px; line-height: 22px; }
.speaker_subinfo{ font-size: 14px; line-height: 16px; font-weight: 600; }
.modalRight{ padding-right: 0px; }
.heading_p6{ font-size: 14px; line-height: 16px; }
.brief_p1{ font-size: 12px; line-height: 17px; font-weight: 600; }
.brief_p2{ font-size: 12px; line-height: 17px; font-weight: 400; }
.btnModalClose{ top:1.5%; }
.border_dotes p.append_bottom155{ margin-bottom: 100px; }
.modalContent .social_icons{ margin-top: 0px; }
.top_txt{ font-size: 14px; line-height: 16px; font-weight: 600; color: #000; }
.btm_txt{ font-size: 12px; line-height: 14px; color: #000; }
.tab { margin-top: 20px; }
.tab button{ margin-right: 0px; padding:5px 9px; }
nav{ text-align: center; }
nav a{ display: block; margin-right: 0px; }
.typo_section img{ width:114px; height:73px; }
#mfesecure-ts-image{ display: none; }


/* ---- Temporary-Text ---- */
.for_mobile.nav_fix a.active{ position: absolute; right: 3%; font-size: 12px;
    line-height: 14px;
    color: #000;
    padding: 14px 7px 11px;
    position: absolute;
    z-index: 0;
	cursor: pointer;
background: #f7c825;
}


span.temp_txt{ font-size: 18px;  color:#9b9b9b; line-height: 30px;  }

/* The Overlay (background) */
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */    
	height: 100%;
	width: 0;
	position: fixed; /* Stay in place */
	z-index: 3; /* Sit on top */
	left: 0;
	top: 0;
	background-color:#fff; /* Black fallback color */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	padding-top: 50px;
  }
  
  /* Position the content inside the overlay */
  .overlay-content {
	position: relative;
	top: 25%; /* 25% from the top */
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }

  .speaker_bg img { width: 240px; height: 65px; }
  
  /* The navigation links inside the overlay */
  .overlay a { text-decoration: none; color: #000; transition: 0.3s; margin-bottom: 20px; }
  
  /* When you mouse over the navigation links, change their color */
  .overlay a:hover, .overlay a:focus { color: #000; }
  
  /* Position the close button (top right corner) */
  .overlay .closebtn { position: absolute; top:15px; left: 5%; font-size: 30px; color: #9f9f9f; z-index: 3; }
  .nav_fix.sticky{ position: fixed; left: 0px; top: 0px; width: 100%;  z-index:3; background: #fff;  padding: 3%; box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);  }
  .location { top: -12%; width: 100%; text-align: center; right: auto; }
  .date_info{ font-size: 24px; line-height: 24px; margin-right: 0px; }
  .center_info{ font-size: 11px; line-height: 18px; letter-spacing: 2px; }
  .confrnce_info{ font-size: 9px; line-height: 12px; }
  .section.navigation_info{ padding-bottom: 60px; }
  .for_mobile.punch_lines{ padding-left: 18%; }
  .success_mesg { font-size: 20px; line-height: 40px; font-weight: 600; }
  .temporary_txt{ font-size: 25px; line-height: 40px; }
  .punch_lines.speaker_workshp_info p{ font-size:13px; line-height: 16px; }
  .day_info{ line-height: 14px; }
	.hamburger{ position: absolute; left: 0px; top: 0px; padding: 20px; }
	.first_half,.second_half,.lunch_break{ padding: 0px; margin-bottom: 20px; }
	.speaker_schedule{ width:100%; margin-right: 0px; margin-bottom: 10px; margin-right: 0px; padding: 10px; min-height: 78px; }
	.speaker_schedule .round_icon{ float: left!important; margin-left: 0px; margin-top: 16px; }
	.name_nfo{ float: left; margin-right: 12px; }
	.brief_info{ float: left; width: 61%; }
	.see_detls{ float: right; }
	.see_detls a{ font-size: 10px; line-height: 58px; }
	.speaker_schedule .designation_info{ margin-bottom: 0px; }
	.speaker_schedule .name_info,.speaker_schedule .designation_info{ line-height: 14px; }
	.speaker_schedule .designation_info .for_desktop{ display: none; } 
	.tm_inf{ font-size: 14px; line-height: 16px; color: #fff; }
	.lunch_break .name_info{ font-size: 16px; line-height: 22px; display: block; }
	.adobe_logo img{ margin-top: 8px; width: 50px; height: 22px; }

	.carouselSectionRight{ padding-left: 0px; }
	.speakerCarousel .owl-carousel .owl-stage{ padding-left: 0px !important; }
	.blck_frmb{ display: block; }
	.daytxt,.slashed_brdr{ font-size: 14px; line-height: 16px; }
	#navigation{ display: block; }
	.section.brfinf{ padding:20px 3% 20px; }
	.brfinf .uxnow_briefinfo{ padding-left: 0px; }
	.dashdtxt{ margin-top: 6px; }
	.big_img{ width: 115%; right: -5%; margin-right: -12%; position: relative; margin-top: 20%; }
	.subinfo{ top:40%; }
	.section.navigation_info{ padding-bottom: 0px; }
	.punchline-left{ width: 100%; }
	a.register_tab{ width:107%; }
	span.no_register_tab{ width:107%; }
	
	.append_bottom200{ margin-bottom: 120px; }
	.uxnow_punchline{ position: relative; }
	a.register_tab{ position: absolute; left: 0px; top: -70%; margin-top: 0px; }
	span.no_register_tab{ position: absolute; left: 0px; top: -70%; margin-top: 0px; font-size: 18px; }
	
	.punchline-left{ font-size: 13px; line-height: 18px;}
	.carouselSectionLeft.frmb{ padding-left: 0px; }
	.month_part{ margin-top: 0px; line-height: normal; float: right!important; }
	.flx_container{ display: block; }
}



@media only screen and (min-width : 320px) and (max-width : 359px) {
.black_bg{ height: 1080px; margin-bottom: 180px; }
	.speakerCarousel .owl-nav{ right: -15%; top: -16%; }
	.border_dotes p.append_bottom155{ margin-bottom: 145px; }
	.uxnow_brief{ height: 612px; }
	.punch_lines p { font-size: 15px; }
	.speaker_bg img{ width:200px; height: 50px; }
	.punchline_section{ bottom: 22%; width:100%; }
	.for_mobile.punch_lines{ position: absolute; bottom:12%; margin-right: 0px; width: 95%; padding-left: 6%; }
	.name_info{ font-size: 11px; }
	.wrksh_detl1{ font-size: 12px; line-height: 14px; }
	.speaker_workshp_info { top: -8%; }
	.day_one .sepration_info { width: 1%; }
	.speaker_workshp_info{ margin-top: 20px; }
}
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
	.overlay .closebtn {
	  font-size: 40px;
	  top: 15px;
	  right: 35px;
	}
  }

  @media screen and (min-width: 768px) { 
  /* ---- Pull up  ---- */
.navigation a:hover{ border-bottom: 3px solid #017777; }
.navigation a.ux_now_logo:before,.navigation a.active:before { background: transparent; }
.workshopCarousel .owl-carousel.owl-drag .owl-item{ width:500px!important; }
.speakerCarousel .owl-carousel.owl-drag .owl-item{ width:200px!important; }

  }

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.speakerCarousel .owl-nav {
	left:64%;
	}

.workshopCarousel .owl-nav{ right:15%; }

}


@media only screen and (min-width: 2561px) and (max-width: 3840px){ 
	.speakerCarousel .owl-nav { left: 55%; }

}

@media only screen and (min-width: 3841px) and (max-width:4096px){ 
	.speakerCarousel .owl-nav { left: 55%; }
}

@media only screen and (min-width:4097px) and (max-width:5120px){ 
	.speakerCarousel .owl-nav { left: 55%; }
	.workshopCarousel .owl-nav {
		right: 35%; }
}

@media only screen and (min-width:1680px) and (max-width:8000px){ 
 
.container { width:auto; margin: 0 auto; }
a.register_tab{ margin-right: 0%; }
span.no_register_tab{ margin-right: 0%; }
.big_img{ right: -12%; }

}


@media (min-width: 320px) and (max-width: 601px)  {

	.subinfo { top: 15%; }
	.big_img { width: 100%; margin-right: 5%; margin-top: 10%; }
	.eventdate.append_bottom200 { margin-bottom: 20px; }
	.uxnoweventinfo.append_bottom200{ margin-bottom: 50px; }
	.append_bottom60 { margin-bottom: 50px; }

}

@media only screen and (min-width:1312px) and (max-width:1495px){ 
.slideItemCol{ width: 160px; }
.speakerCarousel .owl-carousel.owl-drag .owl-item{ width: 176px !important; }
.name_info{ font-size: 15px; }
.designation_info{ font-size: 13px; }
}


.for_desktop.append_bottom200{ margin-bottom: 300px; }
.append_bottom500{ margin-bottom: 240px; }
.bottom_background{ width: 100%; margin-bottom: 100px; height: 400px; }
.first_btm_bg{ position: absolute; left:0; z-index: 1; }
.second_btm_bg{ position: absolute; right: 0; z-index: 2; }
.ux_now_logo{ position: absolute; left: 14%; top: 10px; }
.punchline_container{ width: 42%; margin-right: 18%;  color: #fff; }
.info{ width: 55%; padding-top: 120px; }
.vertical_txt{  writing-mode: vertical-rl; line-height: 28px; letter-spacing: 20px; font-size: 14px; }
.vrtl_brdr{ border-left: 2px solid #FFD541;  line-height: 12px; }
.vrtl_brdr.first{ height:123px; }
.vrtl_brdr.second{ height:73px; margin-bottom: 20px; }
.mrgtopleft{  margin-left: 22px; }
.sticky nav{ float: right; }
.for_fix{ display: block; }
.for_sticky{ display: none; }
.nav_fix.sticky .for_sticky{ display: block; }
.nav_fix.sticky .for_fix{ display: none; }
.subinfo{ color: #fff; }
.font_normal,.date_info{ font-weight: normal; }
.work_experience{ font-weight: normal; }
.firstpart{ color:#FFD541; }
a.top_registernow{ background:grey; font-size: 18px; line-height: 18px; padding: 15px 49px; color: #fff; margin-right: 20%; }
a.top_registernow:hover{ color: #fff; }
a.register_btn{ background: grey; font-size: 13px; line-height: 13px; padding:15px; color: #fff; width: 50%; margin: 0 auto; margin-top: 15px; font-weight: 800; }
.punchline_left_section{ width: 30%; }
.bg_video{ position: absolute; top: 0px; } 
.design_contest .txtSpeaker{ line-height: 30px; }
.contest_info{ color:#fff; font-weight: normal; }
.contest_info_firstpart,.contest_info_secondpart{ width: 48%; }
.banner_source_txt{ color: #fff; font-size: 12px; font-weight: normal; }
.contest_info_secondpart a:hover,.contest_info_secondpart a:focus, .contest_info_secondpart a:visited{ color: #FFD541; }
.paytm_logo img{ width:96px; height:30px; margin-top: 6px; }
.godesi_logo img { width: 40px;}

.sold_out .gst_txt{ color:#9b9b9b; }
.speaker_descrptn_if{ width: 180px; }


@media (min-width: 320px) and (max-width: 767px)  {
	.vertical_txt{ line-height: 20px; font-size: 12px; }
	.mrgtopleft{ margin-top: 60px; margin-left: 12px; }
	.punchline_container{ width: 100%; margin-right: 0px;  }
	.vrtl_brdr{ line-height: 8px; }
	.info{ width: 65%; padding-top: 140px; }
	.second_btm_bg img{ margin-top: 10px; }
	.first_btm_bg img,.second_btm_bg img{ height: 100%; }
	.subinfo{ width: 100%; text-align: center; margin-right: 0; }
	.secnd{ text-align: center; padding-left: 20px; padding-right: 20px; }
	.eventdate.append_bottom200{ margin-bottom: 150px; }
	.bottom_background{ height:143px; margin-bottom: 25px; }
	.uxnoweventinfo.append_bottom500{ margin-bottom: 80px; }
	.information{ margin-bottom: 100px; }
	.information{ background:url(../images/ic_dots_for_text_mobile.png) no-repeat; width: 100%; background-size:cover ; height: 74px; }
	.eventdate .txtSpeaker{ font-size: 16px; line-height: 16px; padding-top: 24px; }
	.dc_info{ width:170px; line-height: 15px; }
	.dashdtxt{ width: 30px; }
	.subinfo{ margin-top: 0px; }
	.ux_now_logo{ display: none; }
    .owl-nav{ display: block; }
	.vrtl_brdr.second{ display: none; }
	.bg_video{ display: none; }
	.container{ background:url(../images/Bg_1.png) no-repeat; }
	.design_contest .blck_frmb{ display: inline-block; }
	.daytxtanth{ font-size: 14px; }
	.design_contest .txtSpeaker{ line-height: 14px; } 
	.contest_info_firstpart,.contest_info_secondpart{ width: 100%; float: none!important; }
	.contest_info_firstpart{ margin-bottom:25px; }
	.contest_info.append_bottom200{margin-bottom: 120px; }
	.appendBottom30{ margin-bottom:8px; }
	.paytm_logo img{ width:67px; height:20px; margin-top:10px; }
	.slashed_brdr{ font-size: 0px; }
	.section.for_schedule{ background: none; }
	.thela_logo img { width: 108px; height: 44px; }
	.godesi_logo img { width:35px; margin-top: 5px; }
	.firstpart{ margin: 0px; }

}