/*** Very Large Screens **/
@media only screen and (min-width : 1600) {
	.visible-xlg{
		display: block !important;
	}
	.hidden-xlg{
		display: none !important;
	}
}	

@media only screen and (min-width : 1824px) {	
	body { 
		 height:100%;
	}
	.page-container{
		height:auto;
	}
	/** Side bar widget **/
	.footer-widget{
		position:fixed;
	}
	/** Tables **/
	.table th{
		font-size:13px;
	}
	
	.table td{
		font-size:14px;
	}	
	
	.table td.small-cell, .table th.small-cell{
		width: 42px;
	}
	/** Controls **/
	.checkbox label:before {
		top:0.5px;
	}
	/** Tiles **/
	.tiles.margin-reset{
		 margin-left: 51px;
	}
	/** Only Demo Purpose **/
	.demo-map{
		min-height:100%;
	}
	
	.error-main{
		margin-top:40%;
	}
		.visible-xlg{
		display: block !important;
	}
	.hidden-xlg{
		display: none !important;
	}
	
}

@media (min-width: 980px) and (max-width: 1279px) {
    ul.theme-list li{width:228px}
    #particles {height:540px}
.event-mtitle{height:410px}
.new-spearker-info .front .content h5{font-size:18px}




}

@media (min-width: 768px) and (max-width: 979px) {
    ul.theme-list li{width:212px}
#particles {height:450px}
.event-mtitle{height:320px}
.photo-gallery-mdiv .box-gallery.first{width:225px}
.photo-gallery-mdiv .box-gallery{width:225px}


}

@media (min-width: 1280px) and (max-width : 1399px){
    
 .new-upload-mdiv .custom-image img{width:140%; margin:-3px -20% 0}
#particles {height:450px}
.event-mtitle{height:320px}

}


@media (min-width: 480px) and (max-width:640px) {
    ul.theme-list li{width:47%}
#particles {height:540px}
.event-mtitle{height:270px}
.event-mtitle{width:100vw}



}

@media (min-width: 320px) and (max-width:360px) {
    ul.theme-list li{width:100% !important; margin-bottom:12px; margin-right:0}
    .nav-pills.theme-tab > li, .nav-pills.theme-tab > li > a{width:100%}

#particles {height:540px}
.event-mtitle{height:270px}
.event-mtitle{width:100vw}


}

/*** Desktops & Laptops ***/
 @media (min-width: 980px) { 
     
 	/*** Page sidebar ***/
    .menu-non-fixed .page-sidebar{
        margin-top: 0; 
        padding-top: 58px;
    }
 	.page-sidebar {
		display: inline-block;
		float: left;
		position: fixed;
		width: 250px;
		margin-top:56px;
  	}

        /*.page-sidebar.index {
            width: 230px;
        }*/
    .menu-non-fixed .footer-widget{
     z-index: 100;
    }
    .page-sidebar .page-sidebar-wrapper{
        display: inline-block;
        float: left;
        height: 100%;
    }
	.page-sidebar.fixed{
		position: fixed;
	}	
  	.page-sidebar ul{
  		width: 250px;
  	}
        .page-sidebar ul.index, .page-sidebar .page-sidebar-wrapper > ul.index {
            width: 230px !important;
        }

        .page-sidebar ul.mrg-tp {
            margin-top: 26px;
        }

  	/*** Page content ***/
  	.page-content { 
  		margin-left: 230px; 
	}
    

    .page-content.inner {
        margin-left: 271px;
    }

	.page-content.no-min-height {
		min-height: auto;
	}

	.full-width-page .page-content {
		margin-left: 0px !important;
	}
	
	.inner-menu{
		padding-top: 60px;
	}
	/** Const size button for medium devices **/
	.btn-cons-md{
		  min-width: 120px;
	}

    .percent { display: inline-block; line-height: 110px; z-index: 2;}
    .percent:after { content: '%'; margin-left: 0.1em; font-size: .8em;}
    .angular { margin: 20px auto 10px auto;}
    .chart:first-child { margin-left: 2%;}
    .chart{ position: relative; display: inline-block; text-align: center;margin-right: 2%;width: 30%;}
    .chart canvas { width: 90%; position: relative;margin: 5px auto;font-size: 12px;}
    .chart .chart-text {position: absolute;z-index: 100; margin-top: 0;margin-left: 0; width: 100%;padding-top: 30%;font-weight: bold; }
    .chart-text > span { font-size: 24px;}
    .scrollup{display:none !important;}
    .table-pad.col-sm-2{padding-left:0; padding-right:0}
    
 }

/*** General tablets and phones ***/
@media (max-width:979px) { 
    
	/*** Body ***/
	body {
		margin: 0px !important;
	}	

	/*** Page header ***/
 	.header {
 		margin: 0 !important;
 	}

	.header .nav li.dropdown i {
		display: inline-block;
		position: relative;
		top:1px;
		right:0px;
	}

	.header .nav {
		margin-bottom: 0px !important;
	}

	/*** Page container ***/
	.page-container {
		margin: 0 !important;
		padding: 0 !important;
	}

	.fixed-top .page-container {
		margin-top: 0px !important;
	}

	/*** Page content ***/
  	.page-content {			
		margin-top:0;
  	}
	.tiles {
	  margin-right:0px;
	}
	.tiles.added-margin {
	  margin-right:0px;
	}	

	.page-content .admin-bar .admin-bar-inner {
		 margin-right: 0px;
	}
	.scrollup{
		left: 235px;
	}
	.scrollup{display:none !important;}
    .table-pad.col-sm-2{padding-left:0; padding-right:0}
    .table-mdiv .row-talbe .col-lft{width:60%}
    .table-mdiv .row-talbe .col-rgt{width:40%}

}

/* Landscape view of all tablet devices */
@media (min-width: 768px) and (max-width: 1024px) { 
    .m-r-10.no-mrgr{margin-right:0 !important}
	/*** Body ***/
	body {
	 	padding-top: 0px;
	}
    
	/*** Page sidebar ***/
	.page-sidebar .btn-navbar.collapsed .arrow { 
		display: none;
	}	

	.page-sidebar .btn-navbar .arrow {
	  position: absolute;
	  right: 25px;
	  width: 0; 
	  height: 0;
	  top:50px;
	  border-bottom: 15px solid #5f646b;
	  border-left: 15px solid transparent; 
	  border-right: 15px solid transparent; 
	}

 
 	.page-sidebar {
	    position: absolute;
		/*width: 50px;*/
		margin:0;
		overflow:visible !important;
	}

	.page-sidebar .slimScrollDiv{
		overflow:visible !important;
	}

	.page-sidebar .slimScrollDiv .page-sidebar-wrapper{
		overflow:visible !important;
	}
	
	.page-sidebar .page-sidebar-wrapper > ul{
		width: 250px;
		margin:0;
	}
    .page-sidebar.mini .page-sidebar-wrapper > ul { margin-top: 0; }
    .page-sidebar .inner-menu { padding-top: 0; }
    .page-sidebar .inner-menu ul.big-items { margin-top: 10px; }

	.page-sidebar  .page-sidebar-wrapper > ul > li > a{
			padding: 13px;
			color:#fff;
	}
	.page-sidebar .page-sidebar-wrapper > ul > li a i{
			color:#fff;
	}
	.page-sidebar .user-info{
		display:none;
	}
	.page-sidebar .page-sidebar-wrapper > p{
		display:none;
	}
	.page-sidebar .page-sidebar-wrapper > .status-widget{
		display:none;
	}
	.page-sidebar .page-sidebar-wrapper > .notification-alert{
		display:none;
	}
	.page-sidebar .page-sidebar-wrapper > ul li span.title{
		/*display:none;*/
	}
	.page-sidebar .page-sidebar-wrapper >ul li span.arrow {
		display:none;
	}
	.page-sidebar .page-sidebar-wrapper > ul li ul li span.title{
		display:inline;
	}
	.page-sidebar .page-sidebar-wrapper >ul li  ul li span.arrow {
		display:inline;
	}
	.page-sidebar .page-sidebar-wrapper > ul li span.badge  {
		display:none;
	}
	.page-sidebar .page-sidebar-wrapper ul li span.label  {
		display:none;
	}
	.page-sidebar  .profile-wrapper  {
		display:none;
	}

	/*.page-sidebar{
		 background-color: #0aa699 !important;
	}	*/
	.page-sidebar .page-sidebar-wrapper > ul > li >a:hover, 
	.page-sidebar .page-sidebar-wrapper > ul > li:hover >a {  
		background: #0b9c8f;
	}
	.page-sidebar .page-sidebar-wrapper > ul > li.open > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover, .page-sidebar .page-sidebar-wrapper > ul > li:hover > a{
		padding: 13px;
	}
	.page-sidebar  .page-sidebar-wrapper > ul > li > ul.sub-menu{
		position:absolute;
		margin-top:-46px;
		margin-left:50px;
		width:auto;
		z-index:100;
		min-width:250px;
	}
    .inner-menu{
		padding-top: 40px;
	}
	
	.page-sidebar .page-sidebar-wrapper > .side-bar-widgets{
		display:none;	
	}
	.footer-widget{
		display:none !important;
	}	
    
    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper{
        display: inline-block;
        float: left;
        width: 60px;
        height: 100%;
    }
    
    .inner-menu-always-open .inner-menu{
        display: inline-block;
        float: left;
        margin-top:-2px;
        margin-left: 0;
    }
    
    .inner-menu-always-open .page-content { 
       margin-left: 250px;      
    }
    
  	/*** Page content ***/
  	.page-content { 
  		margin-left: 250px; 
		margin-top: 0px;
		min-height: 911px; 
	}
	.page-content .content{ 
		padding-top:;
	}
	
	.inner-menu-layout .page-content{
		margin-left:250px;
	}
	.inner-menu{
		margin-left:50px;	
	}
	
	.visible-tablet{
		display:block !important;
	}
	
	.scrollup{
		left:36px;
	}
	
	.table td.small-cell, .table th.small-cell{
		width: 40px;
	}

    .chart{ position: relative; display: inline-block; width: 30% !important;margin-right: 2%; }
    .chart .chart-text { padding-top: 40%;margin: auto;font-weight: bold;text-align: center;position: absolute; }
    .chart:last-child { margin-right: 0; }
    .chart canvas { width: 100%; position: relative;margin: 5px auto;}
    .chart .chart-text {font-size: 10px; position: absolute;z-index: 100; margin: auto; width: 100%;height: 100%;min-width: 120px; max-width: 200px;padding-top: 30%;font-weight: bold; }
    .chart-text > span { font-size: 24px;}

    #btnSendInvitation {
        margin-top: -45px !important;
    }

    .hdr-border-left {}
    .header .header-seperation { border-right: none;}
    .tiles .tiles-body{
        padding: 19px 14px 15px;
    }

    .form-inline .checkbox label {
        padding-left: 25px;
    }
.speakers-group:nth-child(5), .speakers-group:nth-child(9), .speakers-group:nth-child(13), .speakers-group:nth-child(17),
 .speakers-group:nth-child(21), .speakers-group:nth-child(25), .speakers-group:nth-child(29), .speakers-group:nth-child(33), 
.speakers-group:nth-child(37), .speakers-group:nth-child(41), .speakers-group:nth-child(45){display:inline-block; clear:none}


.speakers-group:nth-child(4), .speakers-group:nth-child(7), .speakers-group:nth-child(10), .speakers-group:nth-child(13),
 .speakers-group:nth-child(16), .speakers-group:nth-child(19), .speakers-group:nth-child(22), .speakers-group:nth-child(25), 
.speakers-group:nth-child(28), .speakers-group:nth-child(31), .speakers-group:nth-child(34), .speakers-group:nth-child(37), 
.speakers-group:nth-child(40), .speakers-group:nth-child(43){display:block; clear:both}
a.wait-btn{line-height:14px}
.new-spearker-info .front .content h5{font-size:17px}



} 


/* Portrait view of all tablet devices */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .m-r-10.no-mrgr{margin-right:0 !important}
    .header .notifcation-center {
        display: block;
    }

    .pad-lft-none {
        padding-left: 15px;
    }

    .pad-rgt-none {
        padding-right: 15px;
    }

    .page-sidebar .page-sidebar-wrapper {
        display: inline-block;
        float: left;
        width: 250px;
        height: 100%;
    }

    .page-sidebar.index .page-sidebar-wrapper { width:230px;
    }
    
	
    
	.inner-menu-always-open .page-sidebar .slimScrollDiv{
		overflow:visible !important;
	}

	.inner-menu-always-open .page-sidebar .slimScrollDiv .page-sidebar-wrapper{
		overflow:visible !important;
	}
	
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul{
		width: 60px;
		margin:0;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a{
			padding: 13px !important;
			color:#fff; text-align:center;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li a i{
			color:#fff;
	}
	.inner-menu-always-open .page-sidebar .user-info{
		display:none;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > p{
		display:none;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .status-widget{
		display:none;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .notification-alert{
		display:none;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.title{
		display:none;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper >ul li span.arrow {
		display:none;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.title{
		display:inline;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper >ul li  ul li span.arrow {
		display:inline;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.badge  {
		display:none;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul li span.label  {
		display:none;
	}
	.inner-menu-always-open .page-sidebar .profile-wrapper  {
		display:none;
	}

	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li >a:hover, 
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover >a {  
		background: #424242;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a{
		padding: 13px;
	}
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu{
		position:absolute;
		margin-top:-46px;
		margin-left:50px;
		width:auto;
		z-index:100;
		min-width:250px;
	}
	
	.inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .side-bar-widgets{
		display:none;	
	}
    
    .inner-menu-always-open .inner-menu{
	}
    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.active {
        background-color: #fff;
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.active a {
        background-color: #fff;
    }
    .inner-menu-always-open .page-content { 
       margin-left: 0;      
    }
	.header-seperation{
		width:100%;
		display:block;
		position:fixed;
		z-index:999;
		text-align: center;
	}
	.logo{
		margin-right:auto;
		margin-left:auto;
		margin-top:18px;
	}
	
	.header .notifcation-center{
		margin-left: 15px;
	}

	.page-sidebar{
		display:none;
	}
	.page-content .content {
		padding-top:0;
	}
    
	.page-sidebar {
	    position: fixed;
		width: 260px;
		background-color:#1b1e24 !important
	}

	.page-sidebar .user-info{
		display:inline-block;
	}
	.page-sidebar> p{
		display:block;
	}
	.page-sidebar > .status-widget{
		display:block;
	}
	.page-sidebar > .notification-alert{
		display:inline-block;
	}
	
	.page-sidebar .page-sidebar-wrapper > ul li span.title{
		display:inline-block;
	}
	.page-sidebar .page-sidebar-wrapper >ul li span.arrow {
		display:inline-block;
		float: right;
	}

	.page-sidebar .page-sidebar-wrapper > ul li span.badge  {
		display:inline-block;
	}
	.page-sidebar .page-sidebar-wrapper ul li span.label  {
		display:inline-block;
	}
    .page-sidebar .page-sidebar-wrapper > ul{
		width: 230px;
		padding-top: 0px !important;
	}
	.page-sidebar  .profile-wrapper  {
		display:inline-block;
	}

	.page-sidebar .page-sidebar-wrapper > .side-bar-widgets{
		display:block;	
        width: 250px
	}
	.footer-widget{
		display:block;
	}

	.page-sidebar .page-sidebar-wrapper > ul > li > a {
	  padding: 11.5px 15px 11.5px 31px;
	  color:#8B91A0;
	}
	
	.page-sidebar .page-sidebar-wrapper > ul > li >a:hover, 
	.page-sidebar .page-sidebar-wrapper > ul > li:hover >a {  
		background: #1b1e24;
	}
	.page-sidebar .page-sidebar-wrapper > ul > li.open > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover, .page-sidebar .page-sidebar-wrapper > ul > li:hover > a{
		  padding: 11.5px 15px 11.5px 31px;
	}
	
	.page-sidebar .page-sidebar-wrapper > ul > li > a i {	 
	    color:#8B91A0;
	}

	.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu {
		position:relative;
		margin:0px;
	}
    
    .page-sidebar.mini-mobile .side-bar-widgets{
         display: none;
    }
    .page-sidebar{
        overflow: scroll !important;
		-webkit-overflow-scrolling: touch;
	}
	
	.inner-menu{
		 margin-left: 0px;
		 margin-top:60px;
	}
	.inner-menu-layout .page-content{
		 margin-left: 200px;	
	}
	.scrollup{
		left:244px;
	}
	.page-content{
		margin:0px;
	}
	.page-content .content {
		padding:25px;		 
		padding-top:0;
	}
	
	.widget{
		margin-right:0px;
	}
	.row-fluid.2col [class*="span"]{
		width:48% !important;
		margin:0px;
		margin-bottom:10px;
	}
	.row-fluid [class*="span"]{
		width:100% ;
		margin:0px;
		margin-bottom:10px;
	}
	
	.row-fluid [class*="offset1"]{
		margin-left:0px !important;
	}
	.column-seperation > div[class*="col-"]{
		border-right:none;		
	}
	
	/** Profile Page **/	
	.user-profile-pic{
		text-align:center;
	}
	.user-mini-description h3,.user-mini-description h5{
		text-align:center;
	}

	/** Login Page **/
	.login-container{
		padding:0 10px;
	}
	
	.spacing-bottom-sm{
		margin-bottom:20px;
	}		
	
	.error-wrapper{
		margin-bottom:0px;
		 padding:auto;
	}
	
	.widget-item.narrow-margin	{
		margin-right:auto;
	}
	
	.page-content.condensed{
		margin-left: 0px;
	}
    
    body.boxed-layout .header{
        width: 100%;
        padding: 0 !important
    }
    body.boxed-layout .container{
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        width: 100%
    }




}

@media (max-width: 767px) {

       .header .partner-logo {
            position: absolute;
            padding: 12px 0 0 20px;
            margin: 0 0 0 -104px;
            left: 50%;
        }

        .pad-lft-none {
            padding-left: 15px;
        }

        .pad-rgt-none {
            padding-right: 15px;
        }

        .row.partner-nav {
            margin-top: -12px !important;
        }

            .row.partner-nav h3 {
                margin-left: 15px;
            }

        .invite-btn {
            display: none !important;
        }

        .chat-toggler .hdr-border-left {
            border-left: none;
        }

        .header .chat-toggler {
            min-width: 40px;
            margin-top: -60px;
            margin-right: -10px;
        }

            .header .chat-toggler .iconset.top-down-arrow {
                margin-left: 5px;
            }

        .page-sidebar .page-sidebar-wrapper {
            display: inline-block;
            float: left;
            width: 255px;
            height: 100%;
        }

            .page-sidebar .page-sidebar-wrapper.single-col {
                width: 231px !important;
            }

        .page-sidebar .inner-menu, .page-sidebar .inner-menu ul {
            width: 210px;
        }

        .page-sidebar .inner-menu {
            padding-top: 0;
        }

        .inner-menu-always-open .inner-menu {
            margin-top: 0 !important;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper {
            width: 60px;
        }


        .inner-menu-always-open .page-sidebar .slimScrollDiv {
            overflow: visible !important;
        }

            .inner-menu-always-open .page-sidebar .slimScrollDiv .page-sidebar-wrapper {
                overflow: visible !important;
            }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul {
            width: 60px;
            margin: 0;
            padding-top: 17px;
        }

            .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a {
                padding: 13px !important;
                color: #fff;
                text-align: center;
            }

            .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li a i {
                color: #fff;
            }

        .inner-menu-always-open .page-sidebar .user-info {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > p {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .status-widget {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .notification-alert {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.title {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.arrow {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.title {
            display: inline;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.arrow {
            display: inline;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.badge {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul li span.label {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .profile-wrapper {
            display: none;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover,
        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a {
            background: #424242;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a {
            padding: 13px;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.active {
            background-color: #fff;
        }

            .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.active a:hover {
                background-color: #fff;
            }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu {
            position: absolute;
            margin-top: -46px;
            margin-left: 50px;
            width: auto;
            z-index: 100;
            min-width: 250px;
        }

        .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .side-bar-widgets {
            display: none;
        }

        .inner-menu-always-open .inner-menu {
            display: inline-block;
            float: left;
            margin-top: 20px;
        }

        .inner-menu-always-open .page-content {
            margin-left: 0;
        }

        .inner-menu {
            display: none;
        }
        /*** Page header ***/
        .header .navbar-inner .container-fluid {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }

        /*.table td.visible-xs:first-child a { font-size: 16px; }*/
        /*.modal-header { height: 60px; }*/
        .modal-dialog {
            max-width: 90%;
            margin: 10px auto;
        }

        .dropdown-menu > li > a.msize, .table td.visible-xs:first-child a.msize {
            font-size: 13px;
        }

        .header .top-nav .nav {
            margin-top: 0px;
            margin-right: 5px;
        }

        .header .nav > li > .dropdown-menu.notification:after,
        .header .nav > li > .dropdown-menu.notification:before {
            margin-right: 180px;
        }

        .header .nav > li > .dropdown-menu.notification {
            margin-right: -180px;
        }

        .header .nav > li > .dropdown-menu.inbox:after,
        .header .nav > li > .dropdown-menu.inbox:before {
            margin-right: 140px;
        }

        .header .nav > li > .dropdown-menu.inbox {
            margin-right: -140px;
        }

        .header .nav > li > .dropdown-menu.tasks:after,
        .header .nav > li > .dropdown-menu.tasks:before {
            margin-right: 90px;
        }

        .header .nav > li > .dropdown-menu.tasks {
            margin-right: -90px;
        }

        .header .header-seperation {
            width: 100%;
            z-index: 999;
            text-align: center;
            min-height: 60px;
            display: block;
        }

        .header .notifcation-center {
            margin-left: 15px;
        }

        .logo {
            margin-right: auto;
            margin-left: auto;
            margin-top: 16px;
        }


        /*** Page content ***/
        .page-content .content {
            padding: 8px;
            padding-top: 0;
        }
        /*** Page title	***/
        .page-title {
            margin-bottom: 0;
            padding-bottom: 0;
        }

            .page-title + .row.extra {
                margin-top: -30px !important;
            }

        /*** Portlet form action ***/
        .portlet-body.form .form-actions {
            padding-left: 15px;
        }

        .page-sidebar {
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
        }

        .form-horizontal .form-actions {
            padding-left: 180px;
        }

        .no-margin-grid .row-fluid [class*="span"] {
            width: 100% !important;
            margin: 0px;
            margin-bottom: 10px;
        }

        .tiles.margin-reset {
            margin-left: 0px;
        }

        /** Profile Page **/
        .user-profile-pic {
            text-align: center;
        }

        .user-mini-description h3, .user-mini-description h5 {
            text-align: center;
        }
        /** email **/
        .email-body {
            padding: 8px !important
        }

        /** Login Page **/
        .login-container {
            padding: 0 10px;
        }

        .table td.small-cell, .table th.small-cell {
            width: 42px;
        }

        .error-wrapper {
            margin-bottom: 0px;
            min-height: 624px;
            height: 624px;
        }

        .widget-item.narrow-margin {
            margin-right: auto;
        }

        .page-content.condensed {
            margin-left: 0px;
        }

        .scrollup {
            display: none;
        }

        body.boxed-layout .header {
            width: 100%;
            padding: 0 !important
        }

        body.boxed-layout .container {
            padding: 0;
            width: 100%;
        }

        .percent {
            display: inline-block;
            line-height: 110px;
            z-index: 2;
        }

            .percent:after {
                content: '%';
                margin-left: 0.1em;
                font-size: .8em;
            }

        .chart {
            position: relative;
            display: inline-block;
            text-align: center;
            margin: auto;
            width: 30% !important;
            margin-top: 25px;
            min-width: 120px;
            max-width: 200px;
            margin-right: 10px;
        }

            .chart:last-child {
                margin-right: 0;
            }

            .chart canvas {
                width: 100%;
                position: relative;
                margin: 5px auto;
            }

            .chart .chart-text {
                font-size: 10px;
                position: absolute;
                z-index: 100;
                margin: auto;
                width: 100%;
                height: 100%;
                min-width: 120px;
                max-width: 200px;
                padding-top: 30%;
                font-weight: bold;
            }

        .chart-text > span {
            font-size: 24px;
        }

        .page-content .content {
            padding-top: 0 !important;
        }

        .icon-custom-left {
            display: none !important;
        }

        .page-title h3 {
            font-size: 24px;
        }

        .sidr {
            z-index: 0;
        }

        .page-sidebar.mini {
            margin-left: -255px;
            z-index: 10;
        }

        #btnSendInvitation {
            margin-right: 10px;
            margin-top: -10px !important;
        }

        .header .chat-toggler .profile-pic {
            margin-right: 0;
        }

        .recent-activity span.text-success.bold {
            display: block;
        }

        .dataTables_filter {
            display: none !important;
        }

        .nav-tabs li {
            display: block
        }

        .foorer-mdiv {
            margin-left: 0;
            margin-right: 0;
        }

        .scrollup {
            display: none !important;
        }

        .colorpicker {
            left: 90px !important
        }

        .table-pad.col-xs-3 {
            padding-left: 0;
            padding-right: 0
        }


        select.mobvenue {
            width: 100%;
        }

        .dropdown-menu.pull-right {
            right: 2px;
            top: 40px
        }

        table.order-table.mobile-addon {
            margin: 0;
            padding: 0
        }

            table.order-table.mobile-addon tbody tr td {
                width: 32%;
                display: inline-block;
                padding: 0 0 0 12px
            }

                table.order-table.mobile-addon tbody tr td.full-width {
                    width: 100%;
                    display: block
                }

                    table.order-table.mobile-addon tbody tr td.full-width.mobile-title {
                        min-height: 65px;
                        padding: 12px 12px 0
                    }

                table.order-table.mobile-addon tbody tr td span.sub-title {
                    font: bold 12px "Open Sans", Arial;
                    float: left;
                    margin-right: 20px;
                    display: inline-block !important;
                    color: #333;
                    padding-bottom: 4px
                }

                table.order-table.mobile-addon tbody tr td .mobile-select {
                    margin-bottom: 12px;
                    margin-top: 0;
                    float: left
                }

                table.order-table.mobile-addon tbody tr td.full-width.last-div {
                    border-top: 1px solid #e0e0e0;
                    padding: 12px 22px
                }

        select.event-date {
            position: relative;
            display: block;
            width: 100%;
            margin-top: 12px;
        }

        ul.help-mdiv {
        }

            ul.help-mdiv li a {
                font-size: 13px
            }

        ul.user-top.search-box {
            margin: 0;
            float: none
        }

        ul.user-top li.search-box {
            margin: 0 0 18px;
            width: 100%
        }

        #user-particles {
            height: 415px
        }

        .blue-btn.detail-btn, .blue-btn.detail-btn.session-btn, .blue-btn.org-btn {
            width: 100%;
            margin-bottom: 12px
        }

        h1.user-title {
            margin-top: 0;
            padding-top: 42px
        }

        span.go-btn {
            position: absolute;
            right: 0;
            line-height: 12px;
            top: 16px
        }

        .dtitle {
            padding: 42px 15px 8px 15px
        }

        a.wait-btn {
            position: relative;
            right: 0;
            display: block;
            margin-top: 16px;
            text-align: center
        }

        .event-session {
            padding: 0 0 30px
        }

            .event-session .time-div span {
                display: inline;
                margin-left: 15px
            }

            .event-session .time-div {
                padding: 15px;
                border-bottom: 1px solid #eaeaea;
                border-right: none;
                background: #eaeaea
            }

            .event-session .track-mdiv {
                padding-top: 20px
            }

                .event-session .track-mdiv input[type="radio"] {
                    top: 22px;
                }

        .reserve-mdiv .bg-white, .reserve-mdiv .bg-gray {
            width: 100%;
            float: none
        }

        .reserve-right {
            padding: 20px 30px
        }

        .reserve-left {
            padding: 75px 30px 20px
        }

        .reserve-seat-total ul.amount-mdiv {
            margin-top: 0
        }

        h2.reserve-title span.event-date {
            position: relative;
            right: auto;
            top: auto;
            display: block;
            margin-top: 12px
        }

        .event-mtitle.abst-event-mtitle h1.event-name {
            font-size: 20px;
            line-height: 28px
        }

        .abst-main-div h3.abst-title {
            font-size: 22px
        }

        .abst-content ul li {
            width: 100%
        }

        .event-mtitle.abst-event-mtitle {
            width: 100wh
        }


        .car-parking {
            text-align: center;
            width: 100%;
            padding: 105px 30px 30px 30px;
            background: url(https://d2poexpdc5y9vj.cloudfront.net/public/img/win_distr.jpg) no-repeat scroll 50% 30px
        }

            .car-parking .text-mdiv {
                overflow: inherit;
                display: block;
                clear: both
            }

            .car-parking .btn-mdiv {
                float: none;
                display: block
            }

            .car-parking a.park-btn {
                float: none;
                margin-bottom: 20px
            }

        .session-track .speaker-detail {
            padding-left: 30px
        }

        #particles {
            height: 540px
        }

        .navbar {
            border: none
        }

        .event-mtitle {
            height: 270px
        }

        .event-mtitle {
            width: 100vw
        }

        h1.event-name {
            font-family: "Conv_AvenirLTStd-Light", Arial, sans-serif;
            font-size: 20px
        }

        ul.tabsNav li a {
            width: 23%
        }

            ul.tabsNav li a.mobile-one, ul.tabsNav li a.mobile-two, ul.tabsNav li a.mobile-three, ul.tabsNav li a.mobile-four {
                text-indent: -9999px
            }

        .grid-list-container .grid li.grid-list-box.grid-mdiv {
            float: none;
            padding: 0;
            width: 100%
        }

        ul.tabsNav li a.mobile-one {
            background: url('../images/mobile-one.png') no-repeat scroll 50% 0
        }

            ul.tabsNav li a.mobile-one.current {
                background: url('../images/mobile-one.png') no-repeat scroll 50% 100%
            }

        ul.tabsNav li a.mobile-two {
            background: url('../images/mobile-two.png') no-repeat scroll 50% 0
        }

            ul.tabsNav li a.mobile-two.current {
                background: url('../images/mobile-two.png') no-repeat scroll 50% 100%
            }

        ul.tabsNav li a.mobile-three {
            background: url('../images/mobile-three.png') no-repeat scroll 50% 0
        }

            ul.tabsNav li a.mobile-three.current {
                background: url('../images/mobile-three.png') no-repeat scroll 50% 100%
            }

        ul.tabsNav li a.mobile-four {
            background: url('../images/mobile-four.png') no-repeat scroll 50% 0
        }

            ul.tabsNav li a.mobile-four.current {
                background: url('../images/mobile-four.png') no-repeat scroll 50% 100%
            }

        .grid-list-container .grid li.grid-list-box.grid-mdiv .event-image img {
            width: 100%
        }

        .grid-list-container.full-width .grid li.grid-list-box.grid-mdiv {
            float: none;
            padding: 0;
            width: 100%
        }

        .tabs div[class="linkTab"] h2, .tabs div.selected h2 {
            padding: 0
        }

        .total-mdiv {
            padding: 8px 39px 8px 49px
        }

        ul.amount-mdiv li span.rgt-div {
            margin: 8px 23px 0 0
        }

        .mob-addon-pad {
            padding: 0
        }

        .new-spearker-info .front .image {
            max-width: 330px;
            height: 330px;
            line-height: 330px
        }

            .new-spearker-info .front .image img {
                max-height: 330px;
                max-width: 330px;
                width: 100%;
                height: auto
            }

        .new-spearker-info .front .content {
            height: 76px
        }

        .new-spearker-info .front .image .overlay-speaker .bottom-speaker-mdiv {
            bottom: 300px;
            height: 50px;
            text-align: center
        }

        .new-spearker-info .front .image .overlay-speaker a.btn-view {
            width: 140px;
            margin-top: 0;
            margin-left: -70px;
            top: 80px
        }

        .new-spearker-info .front .content h5 {
            font-size: 15px;
            line-height: 18px;
            display: inherit;
            text-align: left
        }

        .new-spearker-info .front .content h6 {
            text-align: left;
            font-size: 14px
        }

        .photo-gallery-mdiv .box-gallery.first {
            width: 100%
        }

        .photo-gallery-mdiv .box-gallery {
            width: 100%;
            height: 320px
        }

        .col-md-12.pad-right0 {
            padding-right: 15px
        }

        .session-showcase .time {
            width: auto;
            display: block;
            padding: 15px
        }

            .session-showcase .time span {
                display: inline
            }

        .session-showcase .session-track {
            padding: 15px
        }

            .session-showcase .session-track.col-one,
            .session-showcase .session-track.col-two,
            .session-showcase .session-track.col-three,
            .session-showcase .session-track.col-four,
            .session-showcase .session-track.col-five,
            .session-showcase .session-track.col-six {
                width: 100%;
                display: inline-block
            }

        .overlay-session-shadow {
            display: none
        }


        .smainrow .stm {
            width: 100%;
            padding: 30px 30px 0;
            text-align: left
        }

        .smainrow .sdm {
            padding: 1px
        }

            .smainrow .sdm .Column-Style {
                padding: 30px;
                border-left: none;
                height:auto !important
            }

        .smainrow .stm span {
            background: #747474;
            border-radius: 3px;
            padding: 6px 24px;
            color: #fff;
            display: inline-block
        }

        .smainrow .stm span.Live{background:#1BB05B; border-radius:3px; padding:4px 12px 4px 12px; font:13px "AvenirLTStd-Light", Arial, sans-serif; color:#fff; display:inline-block; margin:0 2px}


        .sserchrow .asc {
            width: 65%;
            margin-bottom: 12px
        }

        .sserchrow .afc {
            padding: 0;
            width: 175px
        }

        .sserchrow{
            display:block
        }

        .sserchrow .vbc {
            width: 85px;
            float: right;
            display:none;
        }

        .sserchrow .afc ul.fddc {
            padding: 0
        }

        .smainrow .sdm h3.st {
            font-size: 16px
        }

        .smainrow .sdm .Column-Style.Column-One {
            width: 100%
        }

        .smainrow .sdm .Column-Style.Column-Two {
            width: 100%;
            float: none
        }

        .smainrow .sdm .Column-Style.Column-Three {
            width: 100%;
            float: none
        }

        .smainrow .sdm .Column-Style.Column-Multi {
            width: 100% !important; height:auto !important;
            float: none
        }

        .smainrow .sdm .Column-Style .sprice {
            display: none
        }

        span.Arrow.Arrow-Left, span.Arrow.Arrow-Right {
            display: none
        }



    .checksmainrow .stm {
        width: 100%;
        padding: 30px 30px 0;
        text-align: left
    }

    .checksmainrow .sdm {
        padding: 1px
    }

            .smainrow .sdm .Column-Style {
                padding: 30px;
                border-left: none
            }

    .checksmainrow .stm span {
        background: #747474;
        border-radius: 3px;
        padding: 6px 24px;
        color: #fff;
        display: inline-block
    }
    .checksmainrow .sdm .Column-Style span.radio.ListSCheckBox label::after{top:0px}
    .checksmainrow .sdm .Column-Style span.radio.ListSCheckBox{top:2px}

    
    section.EventHubSection .EventHubMDiv .LeftMdiv{width:100%; padding:0; border-right:none}
    section.EventHubSection .EventHubMDiv .RightMdiv{width:100%; padding:60px 0 0}
    section.EventHubSection .EventHubMDiv .RightMdiv .OrganizerDetailMdiv{background:#f9f9f9; border-radius:3px; padding:30px}

    .HeaderEventInfo h2.VirtualEventTitle{font-size:22px; line-height:28px} 
    .HeaderEventInfo h2.VirtualEventTitle span.FName{font-size:18px}
    .HeaderEventInfo p.VirtualEventDateTime{font-size:14px}
    section.EventHubSection .EventHubMDiv .LeftMdiv .CountDown .Number {width:90px; font-size:50px}
    section.EventHubSection .EventHubMDiv .LeftMdiv .CountDown .Number span{font-size:12px}

    .NewSponsorMDiv{width:100%}
    .NewSpeakerMDiv{width:100%}

     section.EventHubSection .EventHubMDiv .LeftMdiv .VerifyEmailMDiv input.EmailText{width:100%}
     section.EventHubSection .EventHubMDiv .LeftMdiv h3.TitleMDiv{font-size:17px}
     section.EventHubSection .EventHubMDiv .LeftMdiv .EventHubSession .EventHubVideoMdiv .VideoSessionEnded{font-size:16px}
     section.EventHubSection .EventHubMDiv .LeftMdiv .EventHubSession .EventHubVideoMdiv .VideoSessionEnded i{display:block; font-size:26px; padding-right:0; padding-bottom:12px}
     section.EventHubSection .EventHubMDiv .LeftMdiv .VerifyEmailMDiv .btn.BlueButtonSubmit{margin:15px 0 0}

     section.EventHubSection .EventHubMDiv .LeftMdiv .VerifyCodeEmailMDiv{padding:18px}
     section.EventHubSection .EventHubMDiv .LeftMdiv .VerifyCodeEmailMDiv .VerifyCodeTextBox input.EmailText{width:30px; padding:8px; margin:0}
     .EventHubSpeakerMdiv ul.SpeakList li{width:100%; margin-right:0}
     ul.HubTopNav li.NameAttendee{width:100%; padding-bottom:6px;}
    .HeaderOption2 .EventDetail {
        width: 100%;
        height: auto;
        border-radius: 0px;
        padding:20px
    }

    .HeaderOption2 .EventImage {
        width: 100%;
    }

    .HeaderOption2.LeftAlign .EventDetail {
        border-radius: 0px;
    }
    .HeaderOption2.LeftAlign .EventImage {
        border-radius: 6px 6px 0 0;
    }
    .HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span{
        font-size:19px;
    }
    .HeaderOption2 .EventDetail{
        padding:30px;
    } 


    }

    /*** Phones ***/
    @media (max-width: 480px) {

        span.http-div {
            font-size: 10px;
            padding: 10px;
        }

        span.domain-div {
            font-size: 10px;
            padding: 10px;
        }

        input.padding-left80 {
            padding-left: 60px !important;
        }

        input.padding-right140 {
            padding-right: 105px !important;
        }

        .chart {
            margin-right: auto;
            width: 60% !important;
            margin-top: 25px;
            min-width: 200px;
            max-width: 200px;
        }

            .chart .chart-text {
                font-size: 14px;
                min-width: 200px;
                max-width: 200px;
            }

        .page-title h3 {
            width: 80%;
        }

        .page-content .content {
            padding: 8px;
            padding-top: 0;
            overflow-x: hidden;
        }

        .page-sidebar {
            overflow-x: hidden;
        }

        .tiles.margin-reset {
            margin-left: 0px;
        }

        .column-seperation > div[class*="span"] {
            border-right: none;
        }

        table th.unseen, table td.unseen {
            display: none !important;
        }

        .row-fluid {
            margin-bottom: 10px;
        }
	

        ./*small {
            width: 100px !important;
	  }*/

        .medium {
            width: 150px !important;
        }


        .huge {
            width: 246px !important;
            font-size: 24px !important;
            height: 36px !important;
            line-height: 36px !important;
            padding: 22px 8px !important;
        }

        select.small {
            width: 114px !important;
        }

        select.medium {
            width: 164px !important;
        }

        select.large {
            width: 214px !important;
        }

        .btn-cons {
            min-width: 110px
        }

        .btn-large {
            padding: 9px 15px;
        }

        /* Force table to not be like tables anymore */
        .no-more-tables table,
        .no-more-tables thead,
        .no-more-tables tbody,
        .no-more-tables th,
        .no-more-tables td,
        .no-more-tables tr {
            display: block;
        }

            /* Hide table headers (but not display: none;, for accessibility) */
            .no-more-tables thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        .no-more-tables tr {
        }

        .no-more-tables.table-bordered td {
            border-left: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }

        .no-more-tables td {
            /* Behave like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            white-space: normal;
            text-align: left;
        }

            .no-more-tables td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }

            /*
	Label the data
	*/
            .no-more-tables td:before {
                content: attr(data-title);
            }

        .no-more-tables .text-right, .no-more-tables .text-center {
            text-align: left !important
        }


        .table-flip-scroll .cf:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .table-flip-scroll * html .cf {
            zoom: 1;
        }

        .table-flip-scroll *:first-child + html .cf {
            zoom: 1;
        }

        .table-flip-scroll table {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
        }

        .table-flip-scroll th {
            width: auto !important;
            border-radius: 0px !important
        }

        .table-flip-scroll th,
        .table-flip-scroll td {
            margin: 0;
            vertical-align: top;
        }

        .table-flip-scroll th {
            text-align: left;
        }

        .table-flip-scroll table {
            display: block;
            position: relative;
            width: 100%;
        }

        .table-flip-scroll thead {
            display: block;
            float: left;
        }

        .table-flip-scroll tbody {
            display: block;
            width: auto;
            position: relative;
            overflow-x: auto;
            white-space: nowrap;
        }

        .table-flip-scroll thead tr {
            display: block;
        }

        .table-flip-scroll th {
            display: block;
        }

        .table-flip-scroll tbody tr {
            display: inline-block;
            vertical-align: top;
        }

        .table-flip-scroll td {
            display: block;
            min-height: 1.25em;
            text-align: left;
        }


        /* sort out borders */

        .table-flip-scroll th {
            border-bottom: 0;
            border-left: 0;
        }

        .table-flip-scroll td {
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
            border-radius: 0px !important
        }

        .table-flip-scroll tbody tr {
            border-left: 1px solid #babcbf;
        }

        .table-flip-scroll th:last-child,
        .table-flip-scroll td:last-child {
        }

        /** Profile Page **/
        .user-profile-pic {
            text-align: center;
        }

        .user-mini-description h3, .user-mini-description h5 {
            text-align: center;
        }

        /** email **/
        .email-body {
            padding: 8px !important
        }
        /** lockscreen **/
        .lockscreen-wrapper .profile-wrapper {
            margin-bottom: 8px;
        }

        .image-responsive-width {
            width: auto;
        }

        .xs-image-responsive-width {
            width: 100%;
        }

        .scrollup {
            right: 0px;
            bottom: 20px;
        }


        .foorer-mdiv {
            margin-left: 0;
            margin-right: 0;
        }

        .scrollup {
            display: none !important;
        }

        .colorpicker {
            left: 90px !important
        }

        .mob-block {
            display: block;
            width: 100%;
            clear: both
        }

        .table-mdiv .row-talbe .col-lft {
            width: 70%
        }

        .table-mdiv .row-talbe .col-rgt {
            width: 30%
        }

        select.mobvenue {
            width: 100%;
        }
        .HeaderOption2 .EventDetail {
            width: 100%;
            height: auto;
            border-radius: 0px;
        }

        .HeaderOption2 .EventImage {
            width: 100%;
        }

        .HeaderOption2.LeftAlign .EventDetail {
            border-radius: 0px;
        }
        .HeaderOption2.LeftAlign .EventImage {
            border-radius: 6px 6px 0 0;
        }
    }

    @media (max-width: 360px) {
        .visible-360 {
            display: block !important;
        }

        .swidth select, select.tw-width {
            width: auto;
            margin-top: 10px;
        }

        .well img {
            width: 100%;
        }

        table.fonttype {
            width: 100% !important;
        }

        .img-mob {
            width: 100%;
        }

        .width-mobile {
            width: 100%;
        }

        .txt-left {
            text-align: left;
        }

        .mob-block {
            display: block;
            width: 100%;
            clear: both
        }

        .checkbox label {
            margin-right: 0
        }
        /*.checkbox label.mrg-tp{margin-right:38px}*/
        .scrollup {
            display: none !important;
        }

        .cus-domain {
            position: relative;
            padding: 0 0 6px !important;
            top: 0;
            background: none;
            margin: 0
        }

            .cus-domain.border-right {
                border-right: none
            }

        input[type="text"].cus-domain-tbox {
            padding: 6px 11px !important;
        }

        .colorpicker {
            left: 0 !important
        }

        #cPastContacts .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
            padding: 0;
        }

        .per-icon.ticket-right {
            right: 17px
        }

        .table-mdiv .row-talbe .col-lft {
            width: 70%
        }

        .table-mdiv .row-talbe .col-rgt {
            width: 30%
        }

        .survy-mtitle {
            font-size: 9px;
            font-weight: normal;
            text-transform: uppercase
        }

        .grid.simple .grid-body h4 {
            font-size: 15px
        }

        .txtsmaller {
            display: block;
            clear: both;
            margin: 6px 0 0
        }

        .grid.simple .grid-body h4 img.mobile-help {
            margin-bottom: 75px
        }

        .grid.simple .grid-body h4 img.mobile.m-b-0 {
            margin-bottom: 30px
        }

        select.mobvenue {
            width: 100%;
        }

        .mtext-right {
            text-align: right !important
        }

        .nav-pills > li.custom-btn {
            margin-top: 12px
        }
        .HeaderOption2 .EventDetail {
            width: 100%;
            height: auto;
            border-radius: 0px;
        }

        .HeaderOption2 .EventImage {
            width: 100%;
        }

        .HeaderOption2.LeftAlign .EventDetail {
            border-radius: 0px;
        }
        .HeaderOption2.LeftAlign .EventImage {
            border-radius: 6px 6px 0 0;
        }
    }


    @media (max-width: 320px) {

        .header .nav > li.dropdown .dropdown-toggle {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

        .hide320 {
            display: none !important;
        }

        .width-10 {
            width: 10px !important;
        }

        .swidth select, select.tw-width {
            width: auto;
            margin-top: 10px;
        }

        .well img {
            width: 100%;
        }

        table.fonttype {
            width: 100% !important;
        }

        .img-mob {
            width: 100%;
        }

        .width-mobile {
            width: 100%;
        }

        .txt-left {
            text-align: left;
        }

        .mob-block {
            display: block;
            width: 100%;
            clear: both
        }

        .checkbox label {
            margin-right: 0
        }
        /*.checkbox label.mrg-tp{margin-right:20px}*/
        .scrollup {
            display: none !important;
        }

        .colorpicker {
            left: 0 !important
        }

        .per-icon.ticket-right {
            right: 17px
        }

        .table-pad.col-xs-3 {
            padding-left: 0;
            padding-right: 0
        }

        .table-mdiv .row-talbe .col-lft {
            width: 70%
        }

        .table-mdiv .row-talbe .col-rgt {
            width: 30%
        }

        .survy-mtitle {
            font-size: 9px;
            font-weight: normal;
            text-transform: uppercase
        }

        .grid.simple .grid-body h4 {
            font-size: 15px
        }

        .txtsmaller {
            display: block;
            clear: both;
            margin: 6px 0 0
        }

        .grid.simple .grid-body h4 img.mobile-help {
            margin-bottom: 75px
        }

        .grid.simple .grid-body h4 img.mobile.m-b-0 {
            margin-bottom: 30px
        }

        select.mobvenue {
            width: 100%;
        }

        .vorder-btn {
            margin-right: 0;
            margin-bottom: 12px;
            width: 100%;
            text-align: left
        }

        .mtext-right {
            text-align: right !important
        }

        .nav-pills > li.custom-btn {
            margin-top: 12px
        }
        .HeaderOption2 .EventDetail{
            width:100%;
            height:auto;
            border-radius:0px;
        }
        .HeaderOption2 .EventImage{
            width:100%;
        }
        .HeaderOption2.LeftAlign .EventDetail {
            border-radius: 0px;
        }
        .HeaderOption2.LeftAlign .EventImage {
            border-radius: 6px 6px 0 0;
        }
    }

    /*** Retina Display Images **/
    @media only screen and (-webkit-min-device-pixel-ratio: 2.0), only screen and (min--moz-device-pixel-ratio: 2.0), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 2.0) {
        .grid.simple .grid-title .tools a {
            /*background: url('../img/icon/portlet-tray-2x.png');*/
            background-size: 199px 57px;
        }

        .tiles .controller a {
            position: relative;
            /*background: url('../img/icon/portlet-tray-2x.png');*/
            background-size: 199px 57px;
        }

        .widget-item .controller a {
            position: relative;
            /*background: url('../img/icon/portlet-tray-2x.png');*/
            background-size: 199px 57px;
        }

        .iconset {
            /*background: url('../img/icon/top-trayx2.png'); */
            background-size: 394px 29px;
        }

        .status-icon {
            /*background: url('../img/icon/status2x.png'); */
            background-size: 79px 16px;
        }

        .scrollup {
            /*background: url('../img/pullup2x.png'); */
            background-size: 57px 27px;
        }

        .alert .close {
            /*background: url("../img/icon/noti-cross-2x.png") no-repeat scroll 0 0 transparent;*/
            background-position: -9px -10px;
            width: 10px;
            height: 9px;
            position: relative;
            opacity: 0.8;
            background-size: 114px 29px;
        }

        .checkbox label::after {
            top: 1.5px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
        .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
            background-image: none;
            background-repeat: no-repeat !important;
            background-size: none !important;
        }

        .select2-search input {
            background-position: none !important;
        }
    }

    @media (max-width: 500px) {
        #Parks.grid .mix {
            width: 100%;
            padding-top: 53%;
        }

        .drop_down {
            display: none;
        }
    }

    @media (max-width: 1000px) {
        #Parks.list .meta {
            width: 150px;
        }


        @media (max-width: 840px) {
            #Parks.list .meta.region,
            #Parks.list .meta.rec {
                display: none;
            }
        }

        @media (max-width: 540px) {
            #Parks.list .meta.area {
                display: none;
            }
        }
    }





    /*MOved from responsive.css from salenew theme*/

    @media only screen and (min-width:1200px) {
        /*.map-mdiv .listing-map-footer {position:absolute; top:50%; margin-top:-130px; right:75px; z-index:1000; max-width:400px; max-height:300px; */
        .map-mdiv .listing-map-footer {
            position: absolute;
            margin-top: 30px;
            right: 75px;
            z-index: 401;
            max-width: 400px;
            max-height: 300px;
            overflow: hidden
        }

        .listing-map-card {
            background: transparent;
            background-color: rgba(255,255,255,0.30);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF);
            zoom: 1;
            position: relative;
            width: 100%;
            text-align: center;
            padding-bottom: 20px
        }

            .listing-map-card .listing-map-card-body {
                border-bottom: 1px solid #D2D6DF;
                padding: 20px 25px 10px
            }

                .listing-map-card .listing-map-card-body .listing-map-card-title {
                    color: #53565d;
                    color: rgba(40,44,53,0.8);
                    font-family: "Conv_AvenirLTStd-Heavy", Arial, sans-serif;
                    font-size: 24px;
                    padding-bottom: 5px;
                    line-height: 30px
                }

                .listing-map-card .listing-map-card-body .listing-map-card-street-address, .listing-map-card .listing-map-card-body
                .listing-map-card-locality {
                    color: #9ea0a4;
                    color: rgba(40,44,53,0.45)
                }

            .listing-map-card .listing-map-card-footer {
                padding: 10px 35px 0
            }

                .listing-map-card .listing-map-card-footer h4 {
                    font-size: 14px;
                    text-transform: uppercase
                }

        .grouped-ico li {
            display: inline-block;
        }

        .info-content img {
            max-width: 1140px
        }
    }

    @media only screen and (min-width:960px) and (max-width:1199px) {


        .pay-mdiv {
            width: 325px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li span.line-wizard {
            width: 230px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li .wizard-text {
            width: 32%
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li span.line-wizard {
            width: 230px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li .wizard-text {
            width: 32%
        }

        .listing-map-footer {
            margin-bottom: 8px;
            margin-top: -8px
        }

        .listing-map-card {
            background: transparent;
            background-color: rgba(255,255,255,0.30);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF);
            zoom: 1;
            position: relative;
            width: 100%;
            text-align: center;
            padding-bottom: 20px
        }

            .listing-map-card .listing-map-card-body {
                border-bottom: 1px solid #D2D6DF;
                padding: 20px 25px 10px
            }

                .listing-map-card .listing-map-card-body .listing-map-card-title {
                    color: #53565d;
                    color: rgba(40,44,53,0.8);
                    font-family: "Conv_AvenirLTStd-Heavy", Arial, sans-serif;
                    font-size: 24px;
                    padding-bottom: 5px;
                    line-height: 30px
                }

                .listing-map-card .listing-map-card-body .listing-map-card-street-address, .listing-map-card .listing-map-card-body
                .listing-map-card-locality {
                    color: #9ea0a4;
                    color: rgba(40,44,53,0.45)
                }

            .listing-map-card .listing-map-card-footer {
                padding: 10px 35px 0
            }

                .listing-map-card .listing-map-card-footer h4 {
                    font-size: 14px;
                    text-transform: uppercase
                }

        .grouped-ico li {
            display: inline-block
        }

        .info-text span.partial-info {
            height: 42px;
            line-height: 42px !important;
            background-position: 8px 15px
        }

        .info-text span.wait-info {
            height: 42px;
            line-height: 42px !important;
            background-position: 8px 15px
        }

        .info-content img {
            max-width: 720px
        }

        .speakers-group:nth-child(5), .speakers-group:nth-child(9), .speakers-group:nth-child(13), .speakers-group:nth-child(17),
        .speakers-group:nth-child(21), .speakers-group:nth-child(25), .speakers-group:nth-child(29), .speakers-group:nth-child(33),
        .speakers-group:nth-child(37), .speakers-group:nth-child(41), .speakers-group:nth-child(45) {
            display: inline-block;
            clear: none
        }


        .speakers-group:nth-child(4), .speakers-group:nth-child(7), .speakers-group:nth-child(10), .speakers-group:nth-child(13),
        .speakers-group:nth-child(16), .speakers-group:nth-child(19), .speakers-group:nth-child(22), .speakers-group:nth-child(25),
        .speakers-group:nth-child(28), .speakers-group:nth-child(31), .speakers-group:nth-child(34), .speakers-group:nth-child(37),
        .speakers-group:nth-child(40), .speakers-group:nth-child(43) {
            display: block;
            clear: both
        }

        .new-spearker-info .front .image img {
            width: 100%
        }


        .HeaderOption2 .EventImage, .HeaderOption2 .EventDetail {
            height:auto;
        }
        .HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span {
            -webkit-line-clamp:2;
            
        }
        .HeaderOption2 .EventImage img{
            width:100%;
        }
    }


    @media only screen and (min-width:768px) and (max-width:959px) {

        /*.nav > li > a {
            padding: 18px 12px 18px;
            font-size: 12px
        }*/

        .pay-mdiv {
            width: 325px
        }

        span.timer-text {
            width: 425px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li span.line-wizard {
            width: 230px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li .wizard-text {
            width: 32%
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li span.line-wizard {
            width: 230px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li .wizard-text {
            width: 32%
        }
        

        .pad-120 {
            padding-top: 140px
        }

        .listing-map-footer {
            margin-bottom: 8px;
            margin-top: -8px
        }

        .listing-map-card {
            background: transparent;
            background-color: rgba(255,255,255,0.30);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF);
            zoom: 1;
            position: relative;
            width: 100%;
            text-align: center;
            padding-bottom: 20px
        }

            .listing-map-card .listing-map-card-body {
                border-bottom: 1px solid #D2D6DF;
                padding: 20px 25px 10px
            }

                .listing-map-card .listing-map-card-body .listing-map-card-title {
                    color: #53565d;
                    color: rgba(40,44,53,0.8);
                    font-family: "Conv_AvenirLTStd-Heavy", Arial, sans-serif;
                    font-size: 24px;
                    padding-bottom: 5px;
                    line-height: 30px
                }

                .listing-map-card .listing-map-card-body .listing-map-card-street-address, .listing-map-card .listing-map-card-body
                .listing-map-card-locality {
                    color: #9ea0a4;
                    color: rgba(40,44,53,0.45)
                }

            .listing-map-card .listing-map-card-footer {
                padding: 10px 35px 0
            }

                .listing-map-card .listing-map-card-footer h4 {
                    font-size: 14px;
                    text-transform: uppercase
                }

        .grouped-ico li {
            display: inline-block
        }

        .info-text span.partial-info {
            height: 42px;
            line-height: 42px !important;
            background-position: 8px 15px
        }

        .info-text span.wait-info {
            height: 42px;
            line-height: 42px !important;
            background-position: 8px 15px
        }

        .info-text {
            padding: 12px
        }

        .info-content img {
            max-width: 720px
        }

        .speakers-group:nth-child(5), .speakers-group:nth-child(9), .speakers-group:nth-child(13), .speakers-group:nth-child(17),
        .speakers-group:nth-child(21), .speakers-group:nth-child(25), .speakers-group:nth-child(29), .speakers-group:nth-child(33),
        .speakers-group:nth-child(37), .speakers-group:nth-child(41), .speakers-group:nth-child(45) {
            display: inline-block;
            clear: none
        }


        .speakers-group:nth-child(4), .speakers-group:nth-child(7), .speakers-group:nth-child(10), .speakers-group:nth-child(13),
        .speakers-group:nth-child(16), .speakers-group:nth-child(19), .speakers-group:nth-child(22), .speakers-group:nth-child(25),
        .speakers-group:nth-child(28), .speakers-group:nth-child(31), .speakers-group:nth-child(34), .speakers-group:nth-child(37),
        .speakers-group:nth-child(40), .speakers-group:nth-child(43) {
            display: block;
            clear: both
        }

        .session-showcase .time {
            display: block
        }

        .session-showcase .time {
            display: block
        }

        .session-showcase .time {
            width: auto;
            padding: 15px
        }

            .session-showcase .time span {
                display: inline
            }

        .session-showcase .session-track {
            padding: 15px
        }

        .new-spearker-info .front .image img {
            width: 100%
        }
        .HeaderOption2 .EventImage, .HeaderOption2 .EventDetail {
            height: auto;
        }

            .HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span {
                -webkit-line-clamp: 2;
            }

            .HeaderOption2 .EventImage img {
                width: 100%;
            }
    }

    @media only screen and (max-width:768px) {
        ul.resp-tabs-list {
            display: none
        }

        h2.resp-accordion {
            display: block
        }

        .resp-vtabs .resp-tab-content {
            border: 1px solid #C1C1C1
        }

        .resp-vtabs .resp-tabs-container {
            border: none;
            float: none;
            width: 100%;
            min-height: 100px;
            clear: none
        }

        .resp-accordion-closed {
            display: none !important
        }

        .resp-vtabs .resp-tab-content:last-child {
            border-bottom: 1px solid #c1c1c1 !important
        }

        .resp-tab-content {
            border-bottom: 1px solid #c1c1c1
        }
    }

    @media (max-width:767px) {

        .navbar-nav {
            margin: 0;
            width: 100%
        }
ul.help-mdiv.EndedStyle li span.icon-span{display:block; padding-left:4px; padding-right:4px; padding-top:6px; padding-bottom:6px}

        .nav-bg {
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            -ms-border-radius: 0
        }


        ul.help-mdiv {
            margin-top: 21px
        }

            ul.help-mdiv li span.text-span {
                display: none
            }

            ul.help-mdiv li span.icon-span {
                display: block;
                padding-left: 4px;
                padding-right: 4px;
                padding-top: 6px;
                padding-bottom: 6px
            }

        .HeaderEventInfo h1.EventName span {
            font-family: "Conv_AvenirLTStd-Black", Arial, sans-serif;
            font-size: 22px;
            line-height: 28px
        }

        .HeaderEventInfo p.EventVenue span, .HeaderEventInfo p.EventLocation span {
            font-size: 13px
        }



        .HeaderEventInfo.CheckOutStyle {
            padding: 40px 0 80px
        }

            .HeaderEventInfo.CheckOutStyle h1.EventName span {
                font-family: "Conv_AvenirLTStd-Black", Arial, sans-serif;
                font-size: 22px;
                line-height: 28px
            }

            .HeaderEventInfo.CheckOutStyle ul.WizardSteps {
                margin: 32px auto 0;
                padding-right: 20px
            }

            .HeaderEventInfo.AbstractStyle ul.WizardSteps {
                margin: 32px auto 0;
                padding-right: 20px
            }
             


        ul.amount-mdiv {
            width: 100%;
            margin-top: 20px
        }

        .sponsor-mdiv {
            width: 186px
        }

        a.sponsor-image-mdiv {
            width: 166px
        }

            a.sponsor-image-mdiv img {
                width: 166px
            }

        .footer-mdiv {
            text-align: center;
            display: inline;
            line-height: 22px
        }

            .footer-mdiv a {
                display: inline-block;
                float: none
            }

        .foot-attendee.text-right {
            text-align: center;
            display: inline;
            margin-top: 8px
        }

        .col-md-6.foot-attendee.text-right, .col-sm-7.foot-attendee.text-right, .col-xs-12.foot-attendee.text-right {
            float: none;
            margin-bottom: 30px;
            margin-top: 0;
            display: block
        }

        .emblem-icon {
            display: block;
            float: none;
            margin: 30px auto 12px
        }

        h1.event-name {
            font-size: 20px;
            line-height: 28px
        }

            h1.event-name.checkout-name {
                font-size: 20px;
                line-height: 28px;
                font-weight: 600;
                font-family: "Conv_AvenirLTStd-Light", Arial, sans-serif
            }

        .total-mdiv {
            border-radius: 0
        }

        span.timer-text {
            display: none
        }

        .particles_checkout {
            height: 450px
        }

        .pay-mdiv {
            width: 100%;
            display: block;
            margin: 0 auto 18px
        }

        .check-option {
            float: none;
            display: block;
            padding: 15px 0;
            border-bottom: 1px solid #ccc;
            border-right: none
        }

        .pay-text {
            text-align: center
        }

            .pay-text img {
                float: none;
                display: block;
                margin: 0 auto 12px
            }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li span.line-wizard {
            width: 230px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li .wizard-text {
            width: 32%
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li span.line-wizard {
            width: 230px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li .wizard-text {
            width: 32%
        }
        

        .form-col, .form-col.abs-mdiv {
            width: 96%
        }

        table.ordertable {
            width: 98%
        }

        .event-mtitle.checkout-title {
            display: block;
            margin-top: 30px;
            width: auto
        }

        table.ordertable .td-col1, table.ordertable .td-col2 {
            width: 100%;
            display: block
        }

        table.ordertable .td-col1 {
            border-top: 1px solid #e4e4e4
        }

        table.ordertable .td-col2 {
            border-top: 1px solid #e4e4e4;
            border-left: 1px solid #e4e4e4
        }




        .organizer-logo {
            margin-top: -45px;
            width: 100px;
            height: 100px
        }

        .mobile.over-hidden {
            overflow: visible
        }

        .event-count span {
            font-weight: normal
        }

        .event-count {
            font-size: 13px;
            font-weight: bold;
            margin-bottom: 6px
        }

        .black-overlay {
            height: 90px
        }

        a.organizer-btn.width-auto {
            font-size: 10px
        }

        .pad-120 {
            padding-top: 180px
        }

        .event-date-box {
            width: 100%;
            border-right: none;
            border-bottom: 1px dashed #dcdcdc;
            text-align: left;
            font-weight: bold;
            padding: 10px 16px;
            background: #f7f7f7
        }

            .event-date-box span {
                display: inline-block;
                margin-right: 16px;
                font-size: 13px;
                font-weight: bold
            }

        .listing-map-footer {
            margin-bottom: 8px;
            margin-top: -8px
        }

        .listing-map-card {
            background: transparent;
            background-color: rgba(255,255,255,0.30);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF);
            zoom: 1;
            position: relative;
            width: 100%;
            text-align: center;
            padding-bottom: 20px
        }

            .listing-map-card .listing-map-card-body {
                border-bottom: 1px solid #D2D6DF;
                padding: 20px 25px 10px
            }

                .listing-map-card .listing-map-card-body .listing-map-card-title {
                    color: #53565d;
                    color: rgba(40,44,53,0.8);
                    font-family: "Conv_AvenirLTStd-Heavy", Arial, sans-serif;
                    font-size: 24px;
                    padding-bottom: 5px;
                    line-height: 30px
                }

                .listing-map-card .listing-map-card-body .listing-map-card-street-address, .listing-map-card .listing-map-card-body
                .listing-map-card-locality {
                    color: #9ea0a4;
                    color: rgba(40,44,53,0.45)
                }

            .listing-map-card .listing-map-card-footer {
                padding: 10px 35px 0
            }

                .listing-map-card .listing-map-card-footer h4 {
                    font-size: 14px;
                    text-transform: uppercase
                }

        .grouped-ico li {
            display: inline-block
        }

        .info-text span.partial-info {
            height: 42px;
            line-height: 42px !important;
            background-position: 8px 15px
        }

        .info-text span.wait-info {
            height: 42px;
            line-height: 42px !important;
            background-position: 8px 15px
        }

        .info-text {
            padding: 12px
        }

        table.order-table.mobile-addon {
            margin: 0;
            padding: 0
        }

            table.order-table.mobile-addon tbody tr td {
                width: 32%;
                display: inline-block;
                padding: 0 0 0 12px
            }

                table.order-table.mobile-addon tbody tr td.full-width {
                    width: 100%;
                    display: block
                }

                    table.order-table.mobile-addon tbody tr td.full-width.mobile-title {
                        min-height: 65px;
                        padding: 12px 12px 0
                    }

                table.order-table.mobile-addon tbody tr td span.sub-title {
                    font: bold 12px "Open Sans", Arial;
                    margin-right: 20px;
                    display: inline-block !important;
                    color: #333;
                    padding-bottom: 4px
                }

                table.order-table.mobile-addon tbody tr td .mobile-select {
                    margin-bottom: 12px;
                    margin-top: 0;
                    float: left
                }

                table.order-table.mobile-addon tbody tr td.full-width.last-div {
                    border-top: 1px solid #e0e0e0;
                    padding: 12px 22px
                }

        .info-content img {
            max-width: 100%
        }

        span.tooltip-fee {
            padding-left: 0
        }

        .organizer-logo.bg-white img {
            max-width: 92px;
            max-height: 92px
        }

        .session-five {
            width: 100%
        }

        .session-showcase .time {
            display: block
        }

        .session-showcase .time {
            display: block
        }

        .session-showcase .time {
            width: auto;
            padding: 15px
        }

            .session-showcase .time span {
                display: inline
            }

        .session-showcase .session-track {
            padding: 15px
        }

        .countdown {
            padding: 20px 0 30px
        }

            .countdown .number {
                width: 24%;
                padding: 10px;
                font-size: 26px
            }

        h4.title {
            font-size: 19px
        }

        .event-logo.large, .event-logo.small {
            max-width: 175px;
            height: 75px;
            line-height: 75px;
            margin: auto;
            vertical-align: middle;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -khtml-border-radius: 2px;
            -ms-border-radius: 2px
        }

            .event-logo.large img, .event-logo.small img {
                max-height: 75px;
                max-width: 175px;
                width: auto;
                height: auto;
                position: relative;
                bottom: 0;
                top: 0;
                left: 0;
                right: 0;
                margin: auto;
                display: table-cell;
                border-radius: 2px;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                -khtml-border-radius: 2px;
                -ms-border-radius: 2px
            }

            .SessionDateMdiv{padding:0 35px}
            .SessionDateMdiv a.ActionBtn{width:30px}
            .SessionDateMdiv a.ActionBtn.PreviousBtnClass{background-position:50% 50%}
            .SessionDateMdiv a.ActionBtn.NextBtnClass{background-position:50% 50%}
            .modal-content.NewSessionPopup .modal-body .Column-Style .SSMDiv ul.SpeakList li {width:100%; display:block; margin-bottom:6px}
            .modal-content.NewSessionPopup .modal-body .Column-Style .SSMDiv ul.SpeakList li {width:100%; display:block; margin-bottom:6px}


        .HeaderOption2 .EventImage, .HeaderOption2 .EventDetail {
            height: auto;
        }

            .HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span {
                -webkit-line-clamp: 2;
            }

            .HeaderOption2 .EventImage img {
                width: 100%;
            }






    }



    @media (max-width:480px) {
        .sponsor-mdiv {
            width: 208px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li span.line-wizard {
            width: 125px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li .wizard-text {
            width: 32%;
            line-height: 18px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li span.line-wizard {
            width: 125px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li .wizard-text {
            width: 32%;
            line-height: 18px
        }
        


        .form-col, .form-col.abs-mdiv {
            width: 96%
        }

        table.ordertable {
            width: 98%
        }

        .event-mtitle.checkout-title {
            display: block;
            margin-top: 30px
        }

        .info-text {
            padding: 12px
        }

        table.recaptchatable {
            border: none !important
        }

            table.recaptchatable tr td {
                display: block;
                width: 100%
            }

                table.recaptchatable tr td:nth-child(2n) {
                    float: left;
                    width: 120px
                }

                table.recaptchatable tr td:last-child {
                    float: left;
                    width: 120px
                }

        #recaptcha_image {
            width: 100% !important
        }

        .recaptcha_image_cell img {
            width: 100%
        }

        .recaptchatable .recaptcha_image_cell {
            height: auto
        }

        table.order-table.mobile-addon {
            margin: 0;
            padding: 0
        }

            table.order-table.mobile-addon tbody tr td {
                width: 32%;
                display: inline-block;
                padding: 0 0 0 12px
            }

                table.order-table.mobile-addon tbody tr td.full-width {
                    width: 100%;
                    display: block
                }

                    table.order-table.mobile-addon tbody tr td.full-width.mobile-title {
                        min-height: 65px;
                        padding: 12px 12px 0
                    }

                table.order-table.mobile-addon tbody tr td span.sub-title {
                    font: bold 12px "Open Sans", Arial;
                    margin-right: 20px;
                    display: inline-block !important;
                    color: #333;
                    padding-bottom: 4px
                }

                table.order-table.mobile-addon tbody tr td .mobile-select {
                    margin-bottom: 12px;
                    margin-top: 0;
                    float: left
                }

                table.order-table.mobile-addon tbody tr td.full-width.last-div {
                    border-top: 1px solid #e0e0e0;
                    padding: 12px 22px
                }

        .sponsor-mdiv {
            width: 100%;
            margin-right: 0
        }

        a.sponsor-image-mdiv {
            width: 100vw
        }

        .HeaderOption2 .EventImage, .HeaderOption2 .EventDetail {
            height: auto;
        }

            .HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span {
                -webkit-line-clamp: 3;
            }

            .HeaderOption2 .EventImage img {
                width: 100%;
            }
        .HeaderOption2 {
            margin-top: 40px;
        }


    }

    @media (max-width:479px) {

        .navbar-nav {
            margin: 0;
            width: 100%
        }

        h1.event-name {
            font-size: 20px;
            line-height: 28px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li span.line-wizard {
            width: 125px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li .wizard-text {
            width: 32%;
            line-height: 18px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li span.line-wizard {
            width: 125px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li .wizard-text {
            width: 32%;
            line-height: 18px
        }
        

        .form-col, .form-col.abs-mdiv {
            width: 96%
        }

        table.ordertable {
            width: 98%
        }

        .event-mtitle.checkout-title {
            display: block;
            margin-top: 30px
        }

        .pad-120 {
            padding-top: 220px
        }

        .info-text {
            padding: 12px
        }

        p.ticket-stext span.ticket-avail {
            display: block
        }

        a.organizer-btn {
            margin-top: 14px;
            width: 100%
        }

        table.order-table.mobile-addon {
            margin: 0;
            padding: 0
        }

            table.order-table.mobile-addon tbody tr td {
                width: 32%;
                display: inline-block;
                padding: 0 0 0 12px
            }

                table.order-table.mobile-addon tbody tr td.full-width {
                    width: 100%;
                    display: block
                }

                    table.order-table.mobile-addon tbody tr td.full-width.mobile-title {
                        min-height: 65px;
                        padding: 12px 12px 0
                    }

                table.order-table.mobile-addon tbody tr td span.sub-title {
                    font: bold 12px "Open Sans", Arial;
                    margin-right: 20px;
                    display: inline-block !important;
                    color: #333;
                    padding-bottom: 4px
                }

                table.order-table.mobile-addon tbody tr td .mobile-select {
                    margin-bottom: 12px;
                    margin-top: 0;
                    float: left
                }

                table.order-table.mobile-addon tbody tr td.full-width.last-div {
                    border-top: 1px solid #e0e0e0;
                    padding: 12px 22px
                }

        .pay-mdiv {
            width: 100%
        }

            section.EventHubSection .EventHubMDiv .LeftMdiv .CountDown{margin:0 0 0 -10px}
    section.EventHubSection .EventHubMDiv .LeftMdiv .CountDown .Number {width:59px; font-size:32px}
    section.EventHubSection .EventHubMDiv .LeftMdiv .CountDown .Number span{font-size:11px}

    ./*.smainrow .sdm .Column-Style .SSMDiv ul.SpeakList li.SpeakDetail{width:100%; display:block; padding-left:0; padding-top:10px}*/
    .modal-content.NewSessionPopup .modal-body .Column-Style .SSMDiv ul.SpeakList li .SpeakDetail{height:auto; display:block}
    .modal-content.NewSessionPopup .modal-body .Column-Style .SSMDiv ul.SpeakList li .SpeakDetail h5.SpeakName, .modal-content.NewSessionPopup .modal-body .Column-Style .SSMDiv ul.SpeakList li .SpeakDetail p.SpeakDecsrip{white-space:break-spaces; overflow:visible}
        .HeaderOption2 .EventImage, .HeaderOption2 .EventDetail {
            height: auto;
        }

            .HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span {
                -webkit-line-clamp: 3;
            }

            .HeaderOption2 .EventImage img {
                width: 100%;
            }
        .HeaderOption2 {
            margin-top: 40px;
        }


    }

    @media only screen and (min-width:320px) and (max-width:360px) {
        .navbar-toggle {
            margin-right: 0
        }

        a.btn-div.m-r-15 {
            margin-right: 0
        }

        h1.event-name {
            font-size: 20px;
            line-height: 28px
        }

        select.event-date {
            position: inherit;
            margin-top: 12px
        }

        a.organizer-btn {
            margin-top: 14px;
            width: 100%
        }

        .sponsor-mdiv {
            width: 100%;
            margin-right: 0;
        }

            .sponsor-mdiv img { /*width:210px; */
                margin: 0 auto;
                display: table;
                vertical-align: middle
            }

        .mobile-select {
            margin-top: 20px;
            width: 100%
        }

        .hidden-xs-320 {
            display: none
        }

        .visible-xs-320 {
            display: block
        }

        .navbar-nav > li > a {
            padding-bottom: 10px;
            padding-top: 10px
        }

        .pay-mdiv {
            width: 100%
        }

        .timer-mdiv {
            padding: 18px 0 18px 32px;
            margin-top: 0
        }

        .form-col, .form-col.abs-mdiv {
            width: 96%
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps {
            min-height: 75px
        }
        .HeaderEventInfo.AbstractStyle ul.WizardSteps {
            min-height: 75px
        }
        

        table.ordertable {
            width: 98%
        }

        .event-mtitle.checkout-title {
            display: block;
            margin-top: 30px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li span.line-wizard {
            width: 100px
        }

        .HeaderEventInfo.CheckOutStyle ul.WizardSteps li .wizard-text {
            width: 32%;
            line-height: 18px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li span.line-wizard {
            width: 100px
        }

        .HeaderEventInfo.AbstractStyle ul.WizardSteps li .wizard-text {
            width: 32%;
            line-height: 18px
        }
        

        .main-nav {
            bottom: -3px
        }

        h1.result-title {
            font-size: 22px;
            line-height: 28px
        }

        ul.help-mdiv li a {
            text-transform: none
        }

        ul.help-mdiv li {
            margin: 0
        }

        table.order-table.mobile-addon {
            margin: 0;
            padding: 0
        }

            table.order-table.mobile-addon tbody tr td {
                width: 32%;
                display: inline-block;
                padding: 0 0 0 12px
            }

                table.order-table.mobile-addon tbody tr td.full-width {
                    width: 100%;
                    display: block
                }

                    table.order-table.mobile-addon tbody tr td.full-width.mobile-title {
                        min-height: 65px;
                        padding: 12px 12px 0
                    }

                table.order-table.mobile-addon tbody tr td span.sub-title {
                    font: bold 12px "Open Sans", Arial;
                    margin-right: 20px;
                    display: inline-block !important;
                    color: #333;
                    padding-bottom: 4px
                }

                table.order-table.mobile-addon tbody tr td .mobile-select {
                    margin-bottom: 12px;
                    margin-top: 0;
                    float: left
                }

                table.order-table.mobile-addon tbody tr td.full-width.last-div {
                    border-top: 1px solid #e0e0e0;
                    padding: 12px 22px
                }
    }





/* Only Event Sale Page Responsive New Style And @MediaNew Line 3650 */
/*New media qurry starts*/

@media (min-width: 3850px) and (max-width : 4879px) {
    #wrapper.toggled .InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{max-height:100%}
    .InnerPagePadding .WhiteMBox h4.TitleMDiv{font-size:23px}
    .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv h3.TitleMDiv, .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv h3.TitleMDiv span {font-size:26px}
    .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv div.Subtext, .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv div.Subtext span{font-size:18px}
    .SpeakersScrollMDiv{padding:0 20px 0 80px; height:80px; vertical-align:top}
    .SpeakersScrollMDiv span.SpeakerImage{width:68px; height:68px; top:38px}
    .SpeakersScrollMDiv h5.SpeakName{font:19px "Conv_AvenirLTStd-Roman", Arial, sans-serif; color:#242424}
    .SpeakersScrollMDiv p.SpeakDecsrip.smaller{font: 17px "Conv_AvenirLTStd-Light", Arial, sans-serif; color:#545454;}
    .SpeakersScrollMDiv p.SpeakDecsrip{font-size:16px; color:#545454}
    ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv h1.EventName{font-size:25px}
    ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv p.EventVenue{font-size:16px}
    .MiniMainLeftNav #wrapper nav.MainIndexNav ul.Nav li a span.Text{font-size:15px}

}

@media (min-width: 2580px) and (max-width : 3849px) {
    #wrapper.toggled .InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{max-height:100%}
    .InnerPagePadding .WhiteMBox h4.TitleMDiv{font-size:23px}
    .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv h3.TitleMDiv, .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv h3.TitleMDiv span {font-size:26px}
    .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv div.Subtext, .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv div.Subtext span{font-size:18px}
    .SpeakersScrollMDiv{padding:0 20px 0 80px; height:80px; vertical-align:top}
    .SpeakersScrollMDiv span.SpeakerImage{width:68px; height:68px; top:38px}
    .SpeakersScrollMDiv h5.SpeakName{font:19px "Conv_AvenirLTStd-Roman", Arial, sans-serif; color:#242424}
    .SpeakersScrollMDiv p.SpeakDecsrip.smaller{font: 17px "Conv_AvenirLTStd-Light", Arial, sans-serif; color:#545454;}
    .SpeakersScrollMDiv p.SpeakDecsrip{font-size:16px; color:#545454}
    ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv h1.EventName{font-size:25px}
    ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv p.EventVenue{font-size:16px}
    .MiniMainLeftNav #wrapper nav.MainIndexNav ul.Nav li a span.Text{font-size:15px}

}


@media (min-width: 1930px) and (max-width : 2579px) {

    #wrapper.toggled .InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{max-height:100%}
    .InnerPagePadding .WhiteMBox h4.TitleMDiv{font-size:21px}
    .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv h3.TitleMDiv, .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv h3.TitleMDiv span {font-size:24px}
    .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv div.Subtext, .InnerPagePadding .HubOverviewMDiv .HubDetailMDiv div.Subtext span{font-size:17px}
    .SpeakersScrollMDiv{padding:0 20px 0 80px; height:80px; vertical-align:top}
    .SpeakersScrollMDiv span.SpeakerImage{width:68px; height:68px; top:38px}
    .SpeakersScrollMDiv h5.SpeakName{font:18px "Conv_AvenirLTStd-Roman", Arial, sans-serif; color:#242424}
    .SpeakersScrollMDiv p.SpeakDecsrip.smaller{font: 17px "Conv_AvenirLTStd-Light", Arial, sans-serif; color:#545454;}
    .SpeakersScrollMDiv p.SpeakDecsrip{font-size:15px; color:#545454}
    ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv h1.EventName{font-size:23px}
    ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv p.EventVenue{font-size:15px}
    .MiniMainLeftNav #wrapper nav.MainIndexNav ul.Nav li a span.Text{font-size:14px}
}



@media (min-width: 1600px) and (max-width : 1929px){

#particles {height:600px}
.event-mtitle{height:470px}
    


}

@media (min-width: 1400px) and (max-width : 1599px){
    
.new-upload-mdiv .custom-image img{width:110%; margin:-3px -5% 0}
#particles {height:540px}
.event-mtitle{height:410px}
.InnerPagePadding .HubOverviewMDiv .HubDetailMDiv div.Subtext{-webkit-line-clamp:3}
.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{width:100%}
    .RightAllChatMDivNew.MaxWidthChat, .PeopleDetailSlideMDiv {
        max-width: 360px;
        min-width: 360px
    }
.ScheduleNewStyle .LeftHubMdiv.MaxWidth {width:360px; max-width:360px; min-width:360px}



}

@media (min-width: 1200px) and (max-width : 1399px){

.container.Container1280{width:1200px}
.HeaderEventInfo h1.EventName span{font-size:30px}
.navbar.goToTop .container .cut-list{justify-content:flex-start; width:100%; max-width:100%; margin:0 auto}
.height-40{height:120px}


.HeaderOption2 .EventImage{width:850px; height:284px}
.HeaderOption2 .EventDetail{height:284px}

.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{width:100%}
.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv img{border-radius:0}
/*.InnerPagePadding .HubLeftMDiv{width:70%}
.InnerPagePadding .HubRightMDiv{width:30%}*/
.InnerPagePadding .HubOverviewMDiv .HubDetailMDiv div.Subtext{-webkit-line-clamp:4}
    .RightAllChatMDivNew.MaxWidthChat, .PeopleDetailSlideMDiv {
        max-width: 360px;
        min-width: 360px
    }
.ScheduleNewStyle .LeftHubMdiv.MaxWidth {width:360px; max-width:360px; min-width:360px}

.SponsorLevel1 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:45px 15px}





}


@media (min-width: 992px) and (max-width: 1199px) {

.container.Container1280{width:980px}
.new-spearker-info .front .image {width:100%; height:212px; line-height:212px}  
.new-spearker-info .front .image .overlay-speaker .bottom-speaker-mdiv{bottom:210px}
.new-spearker-info .front .image img{width:100%}
.photo-gallery-mdiv .box-gallery.first{width:298px}
.photo-gallery-mdiv .box-gallery{width:298px}
.session-showcase .time{width:130px; padding:15px}
.session-showcase .time span{display:inline}
.session-showcase .session-track{padding:15px}
.smainrow .sdm .Column-Style.Column-Multi{width:259px}
.smainrow span.sstack{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block}
section.EventHubSection .EventHubMDiv .LeftMdiv{width:100%; padding:0; border-right:none}
section.EventHubSection .EventHubMDiv .RightMdiv{width:100%; padding:30px 0 0}
section.EventHubSection .EventHubMDiv .RightMdiv .OrganizerDetailMdiv{background:#f9f9f9; border-radius:3px; padding:30px}
.NewSponsorMDiv{width:25%}
.NewSpeakerMDiv{width:25%}
.HeaderOption2 .EventImage{width:620px}

.HeaderEventInfo h1.EventName span{font-size:30px}
.HeaderEventInfo p.EventVenue span, .HeaderEventInfo p.EventVenue span{font-size:15px}
.WhoIsAttending .AttendeeDetailMDiv .AttendeeDataMDiv .DisplayCell {max-width:170px; width:170px}
#PageContentWrapper{width:100vw}

.HeaderOption2 .EventDetail {width:100vw; height:auto; border-radius:0px}
.HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span{-webkit-line-clamp:1}
.HeaderOption2 .EventImage {width:100%}
.HeaderOption2.LeftAlign .EventDetail {border-radius:0px}
.HeaderOption2.LeftAlign .EventImage {border-radius:6px 6px 0 0}
.navbar.goToTop .container .cut-list{justify-content:flex-start; width:100%; max-width:100%; margin:0 auto}

ul.amount-mdiv li span.lft-div{width:41%}
.height-40{height:120px}

.InnerPagePadding .CenterHubMdiv{width:100vw}
.InnerPagePadding .LeftHubMdiv.ToggleLeftMdiv{padding-right:0}
.InnerPagePadding .LeftHubMdiv.ToggleLeftMdiv.MaxWidth{padding-right:0}
.OfflinePayMDiv .PayBoxOutter{width:26%}

.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{width:100%}
.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv img{border-radius:0}
.InnerPagePadding.LobbyPage .HubLeftMDiv{width:calc(100vw - 360px)}
/*.InnerPagePadding .HubLeftMDiv{width:60%}
.InnerPagePadding .HubRightMDiv{width:40%}*/
a.ToggleSecheduleButton{display:inline-block}
.LeftAllVideoMDiv .VideoBgMDiv .MeetingStartOptionMDiv{width:420px}
#wrapper .HeaderMdiv{width:100vw}

.BackStageNav{display:block}
.BackStageNav .LeftMDiv{display:block}
.BackStageNav .RightMDiv{display:block; width:100%; margin-top:15px}
ul.TopNavBar li.HamburgerNav{display:block}
    .RightAllChatMDivNew.MaxWidthChat, PeopleDetailSlideMDiv {
        max-width: 300px;
        min-width: 300px
    }
.ScheduleNewStyle .LeftHubMdiv.MaxWidth {width:300px; max-width:300px; min-width:300px}
.RightAllChatMDivNew .RightTabMDiv .RightTabActionMDiv .resp-tabs-list li{padding:8px 16px 8px 16px !important}
.PageContainerWrapper.PageHeightInnerScroll.NoFooter.BackStageHeight{height:calc(100vh - 55px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .InnerScrollMDiv{height:calc(100vh - 222px)}
.PageContainerWrapper.PageHeightInnerScroll{height:calc(100vh - 45px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .resp-tabs-container{height:calc(100vh - 282px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageEvent, .PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageresource{height:calc(100vh - 390px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageQA{height:calc(100vh - 317px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .tab-content{height:calc(100vh - 365px)}
.RightAllChatMDivNew .RightTabMDiv .RightTabActionMDiv ul.SubActions li{padding:0 15px 5px !important}
.LeftHubMdiv a.HumberInnerNav{display:block}

.SponsorLevel1 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:35px 15px}
.SponsorLevel2 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:15px}
.SponsorLevel3 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:5px}

.grid-list-container .grid li.grid-list-box.grid-mdiv .event-image{min-height:93px; height:93px}



}


@media (min-width: 768px) and (max-width: 991px) {

.container.Container1280{width:100%}
.grid-list-container.full-width .grid li.grid-list-box.grid-mdiv{width:50%}
.total-mdiv{padding:8px 39px 8px 49px}
ul.amount-mdiv li span.rgt-div{margin:8px 23px 0 0}
.new-spearker-info .front .image {width:100%; height:222px; line-height:222px}  
.new-spearker-info .front .image .overlay-speaker .bottom-speaker-mdiv{bottom:220px}
.new-spearker-info .front .image img{width:100%}

table.order-table.mobile-addon tbody tr td {width:32%;display: inline-block; padding:0 0 0 12px}
table.order-table.mobile-addon tbody tr td.full-width {width:100%; display:block}
table.order-table.mobile-addon tbody tr td.full-width.mobile-title{min-height:65px; padding:12px 12px 0}
table.order-table.mobile-addon tbody tr td span.sub-title{font: bold 12px "Open Sans", Arial; float:left; margin-right:20px; display:inline-block !important; color: #333; padding-bottom:4px}
table.order-table.mobile-addon tbody tr td .mobile-select{ margin-bottom: 12px;margin-top: 0; float:left}
table.order-table.mobile-addon tbody tr td.full-width.last-div{border-top:1px solid #e0e0e0; padding:12px 22px}
.photo-gallery-mdiv .box-gallery.first{width:225px}
.photo-gallery-mdiv .box-gallery{width:225px}

.session-showcase .time{width:auto; display:block; padding:15px}
.session-showcase .time span{display:inline}
.session-showcase .session-track{padding:15px}
.session-showcase .session-track.col-one,
.session-showcase .session-track.col-two,
.session-showcase .session-track.col-three,
.session-showcase .session-track.col-four,
.session-showcase .session-track.col-five,
.session-showcase .session-track.col-six{width:100%; display:inline-block}
.overlay-session-shadow{display:none}

.smainrow .stm{width:100%; padding:30px 30px 0; text-align:left}
.smainrow .sdm{padding:1px}
.smainrow .sdm .Column-Style{padding:30px; border-left:none; height:auto !important}
.smainrow .stm span{background:#747474; border-radius:3px; padding:6px 24px; color:#fff; display:inline-block}
.sserchrow .asc{width:60%; margin-bottom:12px}
.sserchrow .afc{padding:0; width:220px}
.sserchrow{display:block}
.sserchrow .vbc{width:85px; float:right; display:none}
.sserchrow .afc ul.fddc{padding:0}
.smainrow .sdm h3.st{font-size:16px}
.smainrow .sdm .Column-Style.Column-One{width:100%}
.smainrow .sdm .Column-Style.Column-Two{width:100%; float:none}
.smainrow .sdm .Column-Style.Column-Three{width:100%; float:none}
.smainrow .sdm .Column-Style.Column-Multi{width:100%; float:none}
.smainrow .sdm .Column-Style .sprice{display:none}
span.Arrow.Arrow-Left, span.Arrow.Arrow-Right{display:none}

section.EventHubSection .EventHubMDiv .LeftMdiv{width:100%; padding:0; border-right:none}
section.EventHubSection .EventHubMDiv .RightMdiv{width:100%; padding:60px 0 0}
section.EventHubSection .EventHubMDiv .RightMdiv .OrganizerDetailMdiv{background:#f9f9f9; border-radius:3px; padding:30px}

.NewSponsorMDiv{width:33%}
.NewSpeakerMDiv{width:33%}

.HeaderOption2{margin-top:40px}
.HeaderOption2 .EventDetail {width:100vw; height:auto; border-radius:0px}
.HeaderOption2 .EventImage {width:100%}
.HeaderOption2.LeftAlign .EventDetail {border-radius:0px}
.HeaderOption2.LeftAlign .EventImage {border-radius:6px 6px 0 0}

.HeaderEventInfo h1.EventName span{font-size:30px}
.HeaderEventInfo p.EventVenue span, .HeaderEventInfo p.EventVenue span{font-size:15px}
.WhoIsAttending .AttendeeDetailMDiv .AttendeeDataMDiv .DisplayCell {max-width:270px; width:270px}
.PasswordProfileMDiv{width:90%}
#PageContentWrapper{width:100vw}
ul.amount-mdiv li span.lft-div{width:28%;font-size:13px;}
.modal-dialog.EmbedIframePopup{width:90%}
.navbar.goToTop .container .cut-list{justify-content:flex-start; width:100%; max-width:100%; margin:0 auto}
.height-40{height:120px}

.InnerPagePadding .CenterHubMdiv{width:100vw}

.LeftAllVideoMDiv .NoResourceDataMDiv p.SubText a.ToggleSecheduleButton{display:inline-block !important}
.InnerPagePadding .LeftHubMdiv.ToggleLeftMdiv{padding-right:0}
.InnerPagePadding .LeftHubMdiv.ToggleLeftMdiv.MaxWidth{padding-right:0}

.OnlinePayMDiv .PayBoxOutter{width:32%}
.OfflinePayMDiv .PayBoxOutter{width:32%}


.modal-dialog.EmbedIframePopup .IframePayment .OnlinePayMDiv .PayBoxOutter{width:49%}
.modal-dialog.EmbedIframePopup .IframePayment .OfflinePayMDiv .PayBoxOutter{width:38%}

.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{width:100%}
.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv img{border-radius:0}
.InnerPagePadding.LobbyPage .HubLeftMDiv{width:calc(100vw - 360px)}
/*.InnerPagePadding .HubLeftMDiv{width:60%}
.InnerPagePadding .HubRightMDiv{width:40%}*/
a.ToggleSecheduleButton{display:inline-block}
.LeftAllVideoMDiv{display:table}
.RightAllChatMDiv{width:100%; min-width:100%; display:table; padding-left:0; padding-top:20px}

.BackStageNav{display:block}
.BackStageNav .LeftMDiv{display:block}
.BackStageNav .RightMDiv{display:block; width:100%; margin-top:15px}

.InnerPagePadding .DisplayTable{display:block}
.InnerPagePadding .DisplayTable .LeftAllVideoMDiv{display:block}
.InnerPagePadding .DisplayTable .RightAllChatMDivNew{width:100%; max-width:inherit; min-width:inherit; margin-top:30px; padding-left:0; display:block}
.RightAllChatMDivNew .RightTabMDiv h2.resp-accordion{background:#fff !important; border:1px solid #f3f3f3 !important; border-radius:8px; margin-bottom:2px}
.RightAllChatMDivNew .RightTabMDiv h2.resp-tab-active{background:#2f9ae7 !important; color:#fff}
.RightAllChatMDivNew .RightTabMDiv h2.resp-tab-active span.resp-arrow{border-bottom:12px solid #fff}

ul.TopNavBar li.HamburgerNav{display:block}


.ScheduleNewStyle .LeftHubMdiv.MaxWidth {width:300px; max-width:300px; min-width:300px}
.ScheduleNewStyle .CenterHubMdiv{width:100%; display:block; padding-right:0; height:auto}
.ScheduleNewStyle .RightAllChatMDivNew{width:100%; max-width:inherit; min-width:inherit; margin-top:30px; padding:0; display:block}
.RightAllChatMDivNew a.HumberNav{display:none}
.RightAllChatMDivNew .RightTabMDiv{background:#fff; height:auto}
.NoFooter .ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}
.PageContainerWrapper.PageHeightInnerScroll.NoFooter .ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}
.PageContainerWrapper.PageHeightInnerScroll.ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}

.RightAllChatMDivNew.ChatMobilediv{display:block}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv .RightTabActionMDiv .resp-tabs-container .resp-tab-content{height:100vh; border:1px solid #f1f1f1}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv{padding:0}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv h2.resp-accordion{padding:15px 20px; font-family:"Conv_AvenirLTStd-Roman", Arial, sans-serif; font-size:16px}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv h2.resp-tab-active{padding:15px 20px !important}
.LeftSecheduleMDiv .smainrow .stm span{background:none; border-radius:3px; padding:0; color:#242424; display:inline-block}
.PageContainerWrapper.PageHeightInnerScroll.NoFooter.BackStageHeight{height:calc(100vh - 50px)}
.ScheduleNewStyle .resp-tabs-container{height:auto}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .InnerScrollMDiv{height:calc(100vh - 222px)}
.PageContainerWrapper.PageHeightInnerScroll{height:calc(100vh - 45px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .resp-tabs-container{height:calc(100vh - 282px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageEvent, .PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageresource{height:calc(100vh - 85px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageQA{height:calc(100vh - 37px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .tab-content{height:calc(100vh - 292px)}
iframe#ChatMessageEvent, iframe#ChatMessageresource{height:calc(100vh - 85px)}
iframe#ChatMessageQA{height:calc(100vh - 40px)}
.LeftHubMdiv a.HumberInnerNav{display:block}
.RightTabMDiv{padding:0}
.RightTabMDiv h2.resp-accordion{background:#fff !important; border:1px solid #f3f3f3 !important; border-radius:8px; margin-bottom:2px; padding:15px 20px !important; font-family:"Conv_AvenirLTStd-Roman", Arial, sans-serif; font-size:16px}
.RightTabMDiv h2.resp-tab-active {background:#2f9ae7 !important; color:#fff}
.RightTabMDiv h2.resp-tab-active span.resp-arrow {border-bottom:12px solid #fff}
.ActivityStreamNoteMDiv .ChatScrollHeight{height:calc(100vh - 185px)}
.ActivityStreamNoteMDiv .AttendeesScrollHeight{height:calc(100vh - 185px)}

.SponsorLevel1{grid-template-columns:repeat(3, 1fr)}
.SponsorLevel2{grid-template-columns:repeat(5, 1fr)}
.OrganizerBgImage{height:auto; padding:0}
.OrganizerBgImage .OrganizerImg{width:100%}
.SponsorLevel3{grid-template-columns:repeat(6, 1fr)}
.SponsorLevel1 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:35px 15px}
.SponsorLevel2 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:15px}
.SponsorLevel2 .SponsorCard .SponsorCardImage .SponsorOverlay a.btn-view span.SmallText{font-size:12px}
.SponsorLevel3 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:5px}

h2.EventHeadTitle.MobileBottom{margin-bottom:30px}
h2.EventHeadTitle span.TitleBreak{display:inline-block}
.grid-list-container .grid li.grid-list-box.grid-mdiv .event-image{min-height:110px; height:110px}
.HeaderMdiv.ResourceHeaderMDiv{width:100vw}

.FooterMDiv ul.FooterLink li span.FooterLogoText{display:none}
.OrganizerStyle{padding:40px 0}
.SearchBox{width:195px}
.OrganizerStyle .OrgTitle{font-size:23px; line-height:25px}
ul.EventView{grid-template-columns:repeat(2, 1fr)}


}




@media (min-width: 577px) and (max-width: 767px){

/*#body{overflow:inherit !important}*/
.cut-list{display:block}
.container.Container1280{width:100%}
ul.SaleTopNav li a span.TextSpan{display:none}
ul.SaleTopNav li a span.IconSpan{display:block}
.HeaderEventInfo h1.EventName span{font-family:"Conv_AvenirLTStd-Heavy", Arial, sans-serif; font-size:24px}
.HeaderEventInfo p.EventVenue span{font-size:15px; margin-top:20px}
.HeaderEventInfo p.EventVenue span{font-size:15px}
a.RegisterBtnNew{padding:8px 24px; font-size:15px}

.CountdownEventPage .CountNumber{width:78px; font-size:32px; padding:5px}
.CountdownEventPage .CountNumber span{font-size:10px}
.WhoIsAttending .AttendeeDetailMDiv{margin:20px -15px 0}
.WhoIsAttending .AttendeeDetailMDiv	.AttendeeDataMDiv{padding-left:15px}

.NewSpeakerMDiv{width:49%}
.NewSponsorMDiv{width:49%}

.WhoIsAttending .AttendeeDetailMDiv .AttendeeDataMDiv .DisplayCell {max-width:240px; width:240px}
.PasswordProfileMDiv{width:100%}
.EditProfileMDiv .form-group-new label.LabelControl{width:100%; margin:0 0 6px}
#wrapper ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv{display:block}
.HeaderOption2 .EventDetail {width:103vw; height:auto; border-radius:0px; padding:20px}
.HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span{font-family:"Conv_AvenirLTStd-Medium", Arial, sans-serif; font-size:16px; line-height:20px}
.HeaderOption2 .EventDetail p.EventVenue{margin:10px 0 0; font-size:13px}
.HeaderOption2 .EventDetail p.EventLocation{margin:4px 0 0; font-size:13px}
.HeaderOption2 .EventImage {width:100%}
.HeaderOption2.LeftAlign .EventDetail {border-radius:0px}
.HeaderOption2.LeftAlign .EventImage {border-radius:6px 6px 0 0}
.HeaderOption2{margin:0 -21px 0}
.modal-dialog.NewWePayPopup{width:90%}
ul.amount-mdiv li span.lft-div{width:34%;font-size:13px;}
.modal-dialog.EmbedIframePopup{width:90%}
#PageContentWrapper{width:100vw}
.ResourcePageMDiv #wrapper.toggled ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv p.EventVenue{display:none}
.cut-list__elem.cut-list__dropdown{display:none !important}
ul.amount-mdiv li span.lft-div{width:36%; font-size:14px}
.AccessAlertBox div.Width760{width:100%}

.SimpleHeaderMDiv #wrapper ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv{display:block}
.SimpleHeaderMDiv ul.TopNavBar li.JoinButtonMDiv{width:85px}
.SimpleHeaderMDiv ul.TopNavBar li.JoinButtonMDiv a.JoinBtn{padding:4px 8px 5px}
#wrapper .HeaderMdiv.WhiteBg.LogHeaderMDiv ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv{padding-left:60px; padding-right:60px}
#wrapper .HeaderMdiv.WhiteBg.LogHeaderMDiv ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv a.GoBackBtn{padding:9px 14px 7px 12px; right:10px}

.InnerPagePadding .CenterHubMdiv{width:100vw}
.OnlinePayMDiv .PayBoxOutter{width:49%}
.OfflinePayMDiv .PayBoxOutter{width:48%}


.modal-dialog.EmbedIframePopup .IframePayment .OnlinePayMDiv .PayBoxOutter{width:49%}
.modal-dialog.EmbedIframePopup .IframePayment .OfflinePayMDiv .PayBoxOutter{width:49%}
.LeftSecheduleMDiv .smainrow .stm{border:none}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv .CountDown .Number{font-size:32px; padding:0px 15px}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv .CountDown .Number span{font-size:10px}

.LeftAllVideoMDiv .NoResourceDataMDiv p.SubText a.ToggleSecheduleButton{display:inline-block !important}
.LeftAllVideoMDiv .VideoBgMDiv .MeetingStartOptionMDiv{width:90%}
.InnerPagePadding .LeftHubMdiv.ToggleLeftMdiv{padding-right:0}
.InnerPagePadding .LeftHubMdiv.ToggleLeftMdiv.MaxWidth{padding-right:0}
#accordion div.Accordion div.AccordionTitle{display:inherit; padding:55px 52px 20px 20px}
#accordion div.Accordion div.AccordionTitle .LeftMDiv{width:100%; display:inherit}
#accordion div.Accordion div.AccordionTitle .RightMDiv{float:none; text-align:left; position:absolute; top:10px; left:20px}
#accordion div.Accordion div.AccordionTitle .RightMDiv span{padding:6px 12px; background:#fff; border-radius:5px; width:max-content; position:inherit; top:inherit; right:inherit; margin-top:inherit}

.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{width:100%}
.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv img{border-radius:0}
.InnerPagePadding .HubLeftMDiv{width:100%}
.InnerPagePadding.LobbyPage .HubLeftMDiv{overflow-x:inherit; overflow-y:inherit; height:auto}
.PageContainerWrapper.PageHeightLobbyScroll.NewScrollMdiv{height:calc(100vh - 82px)}
.InnerPagePadding .HubRightMDiv .WhiteMBox{padding-bottom:60px}
.InnerPagePadding .HubRightMDiv{width:100%; padding-right:0}
a.ToggleSecheduleButton{display:inline-block}
.LeftAllVideoMDiv{display:table}
.RightAllChatMDiv{width:100%; min-width:100%; display:table; padding-left:0; padding-top:20px}
.SpeakersListMDiv, .SponsorsListMDiv{width:230px}
.ProfileMDiv{padding-bottom:60px}

.BackStageNav{display:block}
.BackStageNav .LeftMDiv{display:block}
.BackStageNav .RightMDiv{display:block; width:100%; margin-top:15px}
.BackStageNav .RightMDiv .CountDownMDiv .CountDown .Number{padding:0 8px}

.InnerPagePadding .DisplayTable{display:block}
.InnerPagePadding .DisplayTable .LeftAllVideoMDiv{display:block}
.InnerPagePadding .DisplayTable .RightAllChatMDivNew{width:100%; max-width:inherit; min-width:inherit; margin-top:30px; padding-left:0; display:block}
.RightAllChatMDivNew .RightTabMDiv h2.resp-accordion{background:#fff !important; border:1px solid #f3f3f3 !important; border-radius:8px; margin-bottom:2px}
.RightAllChatMDivNew .RightTabMDiv h2.resp-tab-active{background:#2f9ae7 !important; color:#fff}
.RightAllChatMDivNew .RightTabMDiv h2.resp-tab-active span.resp-arrow{border-bottom:12px solid #fff}

ul.TopNavBar li.HamburgerNav{display:block}
/*.PageContainerWrapper.PageHeightLobbyScroll, .PageContainerWrapper.PageHeightInnerScroll, .PageContainerWrapper.PageHeightInnerScheduleScroll{overflow-x:inherit; overflow-y:inherit; height:auto}
.InnerPagePadding .CenterHubMdiv .InnerScrollMDiv{overflow-x:inherit; overflow-y:inherit; height:auto}*/

.ScheduleNewStyle .LeftHubMdiv.MaxWidth {width:300px; max-width:300px; min-width:300px}
.ScheduleNewStyle .CenterHubMdiv{width:100%; display:block; padding-right:0; height:auto}
.ScheduleNewStyle .RightAllChatMDivNew{width:100%; max-width:inherit; min-width:inherit; margin-top:30px; padding:0; display:block}
.RightAllChatMDivNew a.HumberNav{display:none}
.RightAllChatMDivNew .RightTabMDiv{background:#fff; height:auto}
.NoFooter .ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}
.PageContainerWrapper.PageHeightInnerScroll.NoFooter .ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}
.PageContainerWrapper.PageHeightInnerScroll.ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}

.RightAllChatMDivNew.ChatMobilediv{display:block}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv .RightTabActionMDiv .resp-tabs-container .resp-tab-content{height:100vh; border:1px solid #f1f1f1}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv{padding:0}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv h2.resp-accordion{padding:15px 20px; font-family:"Conv_AvenirLTStd-Roman", Arial, sans-serif; font-size:16px}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv h2.resp-tab-active{padding:15px 20px !important}
.LeftSecheduleMDiv .smainrow .stm span{background:none; border-radius:3px; padding:0; color:#242424; display:inline-block}
.HubFooterMDiv{font-size:13px}
.ScheduleNewStyle .resp-tabs-container{height:auto}
.PasswordProfileMDiv .FormWrapper.ProfileWidthMDiv{width:100%}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .InnerScrollMDiv{height:calc(100vh - 235px)}
.PageContainerWrapper.PageHeightInnerScroll{height:calc(100vh - 45px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .resp-tabs-container{height:calc(100vh - 282px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageEvent, .PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageresource{height:calc(100vh - 85px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageQA{height:calc(100vh - 37px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .tab-content{height:calc(100vh - 292px)}
iframe#ChatMessageEvent, iframe#ChatMessageresource{height:calc(100vh - 85px)}
iframe#ChatMessageQA{height:calc(100vh - 40px)}
.LeftHubMdiv a.HumberInnerNav{display:block}

.SponsorLevel1{grid-template-columns:repeat(2, 1fr)}
.SponsorLevel2{grid-template-columns:repeat(4, 1fr)}
.SponsorLevel3{grid-template-columns:repeat(5, 1fr)}
.OrganizerBgImage{height:190px; padding:40px 0 0}
.OrganizerBgImage .OrganizerImg{width:546px}
.OrganizerBgImageBlur{height:190px}

.SponsorLevel1 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:45px 15px}
.SponsorLevel2 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:15px}
.SponsorLevel2 .SponsorCard .SponsorCardImage .SponsorOverlay a.btn-view span.SmallText{font-size:11px}
.SponsorLevel3 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:5px}
.SponsorLevel3 .SponsorCard .SponsorCardImage .SponsorOverlay a.btn-view span.SmallText{font-size:10px}

.StageUpcomingMdiv{width:90%}
.InviteTicketTypeMBox{width:100%}

h2.EventHeadTitle.MobileBottom{margin-bottom:30px}
h2.EventHeadTitle span.TitleBreak{display:inline-block}

.BitHotelBookingMBoxRow{display:block}
.BitHotelBookingMBoxRow .HotelImageMDiv{width:100%; min-width:100%; max-width:100%; display:block; padding-right:0; padding-bottom:20px}
.BitHotelBookingMBoxRow.SecondRow{text-align:left}
.BitHotelBookingMBoxRow.SecondRow .HotelImageMDiv{padding-left:0; padding-bottom:0; padding-top:20px}
.alert.alert-warning.POSAlertDiv{display:block}
.alert.alert-warning.POSAlertDiv .LeftMdiv, .alert.alert-warning.POSAlertDiv .RightMdiv{display:block; vertical-align:middle}
.alert.alert-warning.POSAlertDiv .RightMdiv{width:100%; margin-top:20px; text-align:left}
.ReviewerListMDiv.ExhibitorListDetail .euser-logo{margin-bottom:20px; width:auto}

.AttendeeAppInfoBox{max-width:90%; display:block}
.AttendeeAppInfoBox .LeftMDiv{width:100%; display:block; margin-bottom:20px; text-align:center}
.AttendeeAppInfoBox .RightMDiv{width:100%; display:block; padding-left:0; text-align:center}
.HeaderMdiv.ResourceHeaderMDiv{width:100vw}
.HeaderMdiv.ResourceHeaderMDiv ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv h1.EventName{font-size:17px; -webkit-line-clamp: 3;}
ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv p.EventVenue{-webkit-line-clamp: 2;}
ul.TopNavBar li.ProfileNav{width:65px}

.FooterMDiv ul.FooterLink li span.FooterLogoText{display:none}
.SearchBox{width:195px}
.OrganizerStyle{padding:20px 0}
.OrganizerLogo{margin-bottom:10px}
.OrganizerDetail{width:100%; display:block}
.OrganizerStyle .OrgTitle{font-size:23px; line-height:25px}
ul.EventView{grid-template-columns:repeat(2, 1fr)}
.FooterMDiv ul.FooterLink li.FloatRight{float:none; display:block; margin-right:0; margin-top:10px}
.FooterMDiv ul.FooterLink li{float:none; display:inline-block}
.OrganizerHeader .DisplayTable{display:grid}
.OrganizerHeader .DisplayRight{margin-top:20px}




}


@media (max-width: 576px) {

.cut-list{display:block}
.container.Container1280{width:100%}
ul.SaleTopNav li a span.TextSpan{display:none}
ul.SaleTopNav li a span.IconSpan{display:block}
.HeaderEventInfo h1.EventName span{font-family:"Conv_AvenirLTStd-Heavy", Arial, sans-serif; font-size:24px}
.HeaderEventInfo p.EventVenue span{font-size:15px; margin-top:20px}
.HeaderEventInfo p.EventVenue span{font-size:15px}
a.RegisterBtnNew{padding:8px 24px; font-size:15px}

.CountdownEventPage{padding:5px}
.CountdownEventPage .CountNumber{width:75px; font-size:28px; padding:5px}
.CountdownEventPage .CountNumber span{font-size:10px}
.WhoIsAttending .AttendeeDetailMDiv{margin:20px -15px 0}
.WhoIsAttending .AttendeeDetailMDiv	.AttendeeDataMDiv{padding-left:15px}

.NewSpeakerMDiv{width:96%}
.NewSponsorMDiv{width:96%}

.modal-content.NewSharePopup .modal-body{padding:30px}
.modal-content.NewSharePopup .btn.BtnFacebook{margin:0 0 15px; width:100%}
.modal-content.NewSharePopup .btn.BtnTwitter{margin:0; width:100%}
.modal-dialog.EmbedIframePopup button.close{top:31.5px; right:20px}
.modal-dialog.EmbedIframePopup ul.EmbedStatusBar li{float:left}
.PasswordProfileMDiv{width:100%}
.PasswordProfileMDiv .FormWrapper{width:100%}
.EditProfileMDiv .form-group-new label.LabelControl{width:100%; margin:0 0 6px}
#wrapper ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv{display:block}
#PageContentWrapper{width:100vw}

.HeaderOption2{margin:0 -21px 0}
.HeaderOption2 .EventDetail {width:103vw; height:auto; border-radius:0px; padding:20px}
.HeaderOption2 .EventDetail h1.EventName, .HeaderOption2 .EventDetail h1.EventName span{font-family:"Conv_AvenirLTStd-Medium", Arial, sans-serif; font-size:16px; line-height:20px}
.HeaderOption2 .EventDetail p.EventVenue{margin:10px 0 0; font-size:13px}
.HeaderOption2 .EventDetail p.EventLocation{margin:4px 0 0; font-size:13px}
.HeaderOption2 .EventImage {width:100%}
.HeaderOption2.LeftAlign .EventDetail {border-radius:0px}
.HeaderOption2.LeftAlign .EventImage {border-radius:6px 6px 0 0}



.modal-dialog.NewWePayPopup{width:90%}
.cut-list__elem.cut-list__dropdown{display:none !important}
ul.amount-mdiv li span.lft-div{width:17%;font-size:13px;}
.modal-dialog.EmbedIframePopup{width:90%}
.ResourcePageMDiv #wrapper.toggled ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv p.EventVenue{display:none}
.AccessAlertBox div.Width760{width:100%}


.SimpleHeaderMDiv #wrapper ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv{display:block}
.OnlinePayMDiv .PayBoxOutter{width:100%; padding-left:0; padding-right:0}
.OfflinePayMDiv .PayBoxOutter{width:100%; padding-left:0; padding-right:0}
.SimpleHeaderMDiv ul.TopNavBar li.JoinButtonMDiv{width:85px}
.SimpleHeaderMDiv ul.TopNavBar li.JoinButtonMDiv a.JoinBtn{padding:4px 8px 5px}

#wrapper .HeaderMdiv.WhiteBg.LogHeaderMDiv ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv{padding-left:60px; text-align:left; padding-right:60px}
#wrapper .HeaderMdiv.WhiteBg.LogHeaderMDiv ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv a.GoBackBtn{padding:9px 14px 7px 12px; right:10px}
/*.InnerPagePadding .LeftHubMdiv.MaxWidth{width:260px; max-width:260px}
ul.DropdownMenuNew.ProfileDropdownownNav{width:260px}*/

.InnerPagePadding .CenterHubMdiv{width:100vw}
.LeftSecheduleMDiv .smainrow .stm span{background:none; border-radius:3px; padding:0; color:#242424; display:block}
.LeftSecheduleMDiv .smainrow .stm span.Live{background:#1BB05B; border-radius:3px; padding:4px 12px 4px 12px; font:13px "AvenirLTStd-Light", Arial, sans-serif; color:#fff; display:inline-block; margin:0 2px}
.LeftSecheduleMDiv .smainrow .sdm .Column-Style .resourcemdiv.SpeakerData .SSMDiv ul.SpeakList{/*width:46px*/}
.smainrow .sdm .Column-Style .SSMDiv ul.SpeakList li.MoreSpeak{margin-left:0; margin-top:-15px}
.LeftSecheduleMDiv .smainrow .sdm .Column-Style .SSMDiv ul.SpeakList li.MoreSpeak{margin-left:-15px; margin-top:0}
.FeaturePresMDiv .smainrow .sdm .Column-Style .SSMDiv ul.SpeakList li.MoreSpeak{margin-left:-15px; margin-top:0}

.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv{padding:15px}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv .CountDown .Number{font-size:20px; padding:0px 5px}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv .CountDown .Number span{font-size:9px; margin-top:4px}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv .CountDown .Number::after {font-size:16px; margin-top:-15px}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv h3.TitleMDiv{margin:0}

.InnerPagePadding .CenterHubMdiv{/*display:block*/}
.LeftAllVideoMDiv .NoResourceDataMDiv p.SubText a.ToggleSecheduleButton{display:inline-block !important}
.LeftAllVideoMDiv .VideoBgMDiv .MeetingStartOptionMDiv{width:90%}

.InnerPagePadding .LeftHubMdiv.ToggleLeftMdiv{padding-right:0}
.InnerPagePadding .LeftHubMdiv.ToggleLeftMdiv.MaxWidth{padding-right:0}


.modal-dialog.EmbedIframePopup .IframePayment .OnlinePayMDiv .PayBoxOutter{width:100%}
.modal-dialog.EmbedIframePopup .IframePayment .OfflinePayMDiv .PayBoxOutter{width:100%}


.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv{width:100%}
.InnerPagePadding .HubOverviewMDiv .HubBannerMDiv img{border-radius:0}
.InnerPagePadding.LobbyPage .HubLeftMDiv{overflow-x:inherit; overflow-y:inherit; height:auto}
.PageContainerWrapper.PageHeightLobbyScroll.NewScrollMdiv{height:calc(100vh - 82px)}
.InnerPagePadding .HubRightMDiv .WhiteMBox{padding-bottom:60px}
.InnerPagePadding .HubLeftMDiv{width:100%}
.InnerPagePadding .HubRightMDiv{width:100%; padding-left:0}
.SponsorsScrollMDiv span.SponsorImage{width:80px; height:40px; margin-top:-20px}
.SponsorsScrollMDiv{padding:0 0 0 95px}
.ActivityStreamNoteMDiv a.RegisterBtn{width:auto}
.SpeakersScrollMDiv h5.SpeakName{font-size:14px; word-break:break-all}
.SponsorsScrollMDiv h5.SponsorName{font-size:14px; word-break:break-all}
.ProfileMDiv .FormGroupMDiv a.social-btn{margin:0 2px}
#accordion div.Accordion div.AccordionTitle{display:inherit; padding:55px 52px 20px 20px}
#accordion div.Accordion div.AccordionTitle .LeftMDiv{width:100%; display:inherit}
#accordion div.Accordion div.AccordionTitle .RightMDiv{float:none; text-align:left; position:absolute; top:10px; left:20px}
#accordion div.Accordion div.AccordionTitle .RightMDiv span{padding:6px 12px; background:#fff; border-radius:5px; width:max-content; position:inherit; top:inherit; right:inherit; margin-top:inherit}


a.ToggleSecheduleButton{display:inline-block}
.LeftAllVideoMDiv{display:table}
.RightAllChatMDiv{width:100%; min-width:100%; display:table; padding-left:0; padding-top:20px}
.InnerPagePadding .HubOverviewMDiv .HubDetailMDiv h3.TitleMDiv{font-size:18px}
.SpeakersListMDiv, .SponsorsListMDiv{width:230px}
.LeftAllVideoMDiv .VideoBgMDiv.BackstageMDiv .ButtonMDiv .btn{width:100%; margin:6px 0}
.ProfileMDiv{padding-bottom:60px}



.BackStageNav{display:block}
.BackStageNav .LeftMDiv{display:block}
.BackStageNav .RightMDiv{display:block; width:100%; margin-top:15px}
.BackStageNav .RightMDiv .CountDownMDiv .CountDown .Number{padding:0 5px}
.BackStageNav .RightMDiv .btn{width:100%; margin-top:15px}
.BackStageNav .LeftMDiv span.TitleMobileDiv{display:block; margin-top:4px}

.InnerPagePadding .DisplayTable{display:block} 
.InnerPagePadding .DisplayTable .LeftAllVideoMDiv{display:block}
.InnerPagePadding .DisplayTable .RightAllChatMDivNew{width:100%; max-width:inherit; min-width:inherit; margin-top:30px; padding-left:0; display:block}
.RightAllChatMDivNew .RightTabMDiv h2.resp-accordion{background:#fff !important; border:1px solid #f3f3f3 !important; border-radius:8px; margin-bottom:2px}
.RightAllChatMDivNew .RightTabMDiv h2.resp-tab-active{background:#2f9ae7 !important; color:#fff}
.RightAllChatMDivNew .RightTabMDiv h2.resp-tab-active span.resp-arrow{border-bottom:12px solid #fff}

ul.TopNavBar li.HamburgerNav{display:block}

.ScheduleNewStyle .LeftHubMdiv.MaxWidth {width:280px; max-width:280px; min-width:280px}
.ScheduleNewStyle .CenterHubMdiv{width:100%; display:block; padding-right:0; height:auto}
.ScheduleNewStyle .RightAllChatMDivNew{width:100%; max-width:inherit; min-width:inherit; margin-top:30px; padding:0; display:block}
.RightAllChatMDivNew a.HumberNav{display:none}
.RightAllChatMDivNew .RightTabMDiv{background:#fff; height:auto}
.NoFooter .ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}
.LeftAllVideoMDiv h2.TitleMDiv{font-size:21px}
.PageContainerWrapper.PageHeightInnerScroll.NoFooter .ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}
.PageContainerWrapper.PageHeightInnerScroll.ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}

.RightAllChatMDivNew.ChatMobilediv{display:block}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv .RightTabActionMDiv .resp-tabs-container .resp-tab-content{height:100vh; border:1px solid #f1f1f1}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv{padding:0}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv h2.resp-accordion{padding:15px 20px; font-family:"Conv_AvenirLTStd-Roman", Arial, sans-serif; font-size:16px}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv h2.resp-tab-active{padding:15px 20px !important}
.LeftSecheduleMDiv .smainrow .stm span{background:none; border-radius:3px; padding:0; color:#242424; display:inline-block}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv .RightTabActionMDiv ul.SubActions li{padding:0 13px 5px !important}
#wrapper{height:auto}

.HubFooterMDiv{font-size:13px}
.PeopleDetailSlideMDiv{width:100%}
.PrivateChatMDiv{width:calc(100vw - 60px)}
.ScheduleNewStyle .resp-tabs-container{height:auto}

.PasswordProfileMDiv .FormWrapper.ProfileWidthMDiv{width:100%}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .InnerScrollMDiv{height:calc(100vh - 310px)}
.PageContainerWrapper.PageHeightInnerScroll{height:calc(100vh - 45px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .resp-tabs-container{height:calc(100vh - 282px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageEvent, .PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageresource{height:calc(100vh - 85px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight iframe#ChatMessageQA{height:calc(100vh - 37px)}
.PageContainerWrapper.PageHeightInnerScroll.BackStageHeight .ScheduleNewStyle .tab-content{height:calc(100vh - 350px)}
iframe#ChatMessageEvent, iframe#ChatMessageresource{height:calc(100vh - 85px)}
iframe#ChatMessageQA{height:calc(100vh - 40px)}
ul.TopNavBar li.EmailIcon span.EIcon, ul.TopNavBar li.ChatNotifyIcon span.ChatIconImage{margin:24px 6px}
.LeftHubMdiv a.HumberInnerNav{display:block}
.TicketDetailMDiv .TitleMDiv .RightMDiv{width:50px}

.OrganizerBgImage{height:120px; padding:40px 0 0}
.OrganizerBgImage .OrganizerImg{width:288px}
.OrganizerBgImageBlur{height:120px}
ul.ReviewerDropDown {width:120px}
ul.ReviewerDropDown li a{position:relative}
ul.ReviewerDropDown li a span{font-size:14px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; padding:0 20px 0 0}
ul.ReviewerDropDown li a i {position:absolute; right:0; top:0}


.TicketDetailMDiv .ShowDetailMDiv .session-newdiv .session-showcase .bg-white{display:block}
.TicketDetailMDiv .ShowDetailMDiv .session-newdiv .session-showcase .time{min-width:100%;  display:block; text-align:left}


.SponsorLevel1{grid-template-columns:repeat(1, 1fr)}
.SponsorLevel2{grid-template-columns:repeat(2, 1fr)}
.SponsorLevel3{grid-template-columns:repeat(3, 1fr)}
.SponsorCard .SponsorCardImage{padding:7px}
.SponsorLevel1 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:45px 15px}
.SponsorLevel2 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:15px}
.SponsorLevel2 .SponsorCard .SponsorCardImage .SponsorOverlay a.btn-view span.SmallText{font-size:11px}
.SponsorLevel3 .SponsorCard .SponsorCardImage .SponsorOverlay{padding:5px}
.SponsorLevel3 .SponsorCard .SponsorCardImage .SponsorOverlay a.btn-view span.SmallText{font-size:8px}

.SesListView .smainrow .stm{width:100%; padding:20px 20px 0}
.SesListView .smainrow .sdm .Column-Style{padding:20px}

.StageUpcomingMdiv{width:90%}
.StageUpcomingMdiv ul.SpeakListHub li{width:100%; padding:0 0 0 52px}
.StageUpcomingMdiv ul.SpeakListHub{width:100%}

.sserchrow .asc{width:100%}
.sserchrow .afc{width:100%}

.discount-box.UnlockCode{position:relative; text-align:right}
p.CodeApplyText{background:#f9f9f9; border-radius:5px; padding:8px 16px}

.InviteTicketTypeMBox{width:100%}
.ButtonAction .btn{width:100%; margin:0 0 10px}

.BitHotelBookingMBoxRow{display:block}
.BitHotelBookingMBoxRow .HotelImageMDiv{width:100%; min-width:100%; max-width:100%; display:block; padding-right:0; padding-bottom:20px}
.BitHotelBookingMBoxRow.SecondRow{text-align:left}
.BitHotelBookingMBoxRow.SecondRow .HotelImageMDiv{padding-left:0; padding-bottom:0; padding-top:20px}


.BitHotelBookingMBoxRow .HotelImageMDiv{width:100%; min-width:100%; max-width:100%; display:block}
.BitHotelBookingMBoxRow .HotelDetailMDiv{width:100%; display:block}

h2.EventHeadTitle.MobileBottom{margin-bottom:30px}
h2.EventHeadTitle span.TitleBreak{display:inline-block}
.ReviewerListMDiv.ExhibitorListDetail span.LabelTag{margin-right:0; margin-bottom:8px; padding:8px 20px}
.ReviewerListMDiv.ExhibitorListDetail .euser-btn{margin-top:30px; padding:0}
.ReviewerListMDiv.ExhibitorListDetail .euser-detail{padding:0}
.alert.alert-warning.POSAlertDiv{display:block}
.alert.alert-warning.POSAlertDiv .LeftMdiv, .alert.alert-warning.POSAlertDiv .RightMdiv{display:block; vertical-align:middle}
.alert.alert-warning.POSAlertDiv .RightMdiv{width:100%; margin-top:20px; text-align:left}
.ReviewerListMDiv.ExhibitorListDetail .euser-logo{margin-bottom:20px; width:auto}
.ExhibitorProfileNavTop {display: block !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; text-overflow: unset !important; margin-right:15px}
.ExhibitorProfileNavTop span.Name{width:32px;}
.AttendeeAppInfoBox{max-width:90%; display:block}
.AttendeeAppInfoBox .LeftMDiv{width:100%; display:block; margin-bottom:20px; text-align:center}
.AttendeeAppInfoBox .RightMDiv{width:100%; display:block; padding-left:0; text-align:center}

.HeaderMdiv.ResourceHeaderMDiv{width:100vw}
.HeaderMdiv.ResourceHeaderMDiv ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv h1.EventName{font-size:17px; -webkit-line-clamp: 3;}

ul.TopNavBar li.TopNavDetail .EventDetailHubTopMDiv p.EventVenue{-webkit-line-clamp: 2;}
.HubFooterMDiv{bottom:50px}
ul.TopNavBar li.ProfileNav{width:65px}
.FooterMDiv ul.FooterLink li span.FooterLogoText{display:none}
.OrganizerStyle{padding:20px 0}
.SearchBox{width:100%; margin-bottom:20px}
.OrganizerLogo{margin-bottom:10px}
.OrganizerDetail{width:100%; display:block}
.OrganizerStyle .OrgTitle{font-size:23px; line-height:25px}
ul.tabsNav.OrganizerTab li a{padding:11px 20px}
ul.EventView{grid-template-columns:repeat(1, 1fr)}
.FooterMDiv ul.FooterLink li.FloatRight{float:none; display:block; margin-right:0; margin-top:10px}
.FooterMDiv ul.FooterLink li{float:none; display:inline-block}
.OrganizerHeader .DisplayTable{display:grid}
.OrganizerHeader .DisplayRight{margin-top:20px}

.OrganizerStyle .OrgTitle{font-size:22px}
.OrganizerStyle .OrgTitle span{font-size:22px}




}

@media (max-width: 379px) {

.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv{padding:15px}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv .CountDown .Number{width:90px; font-size:20px; padding:12px; background:#fff; border-radius:5px; margin-bottom:3px}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv .CountDown .Number span{font-size:10px; margin-top:4px}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv .CountDown .Number::after {display:none}
.LeftAllVideoMDiv .VideoBgMDiv .CountDownMDiv h3.TitleMDiv{margin:0}
.InnerPagePadding .LeftHubMdiv.MaxWidth{max-width:310px; width:310px}
.ScheduleNewStyle .LeftHubMdiv.MaxWidth {width:280px; max-width:280px; min-width:280px}
.PageContainerWrapper.PageHeightInnerScroll.NoFooter .ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}
.PageContainerWrapper.PageHeightInnerScroll.ScheduleNewStyle .RightAllChatMDivNew .resp-tabs-container{height:auto}

.RightAllChatMDivNew.ChatMobilediv{display:block}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv .RightTabActionMDiv .resp-tabs-container .resp-tab-content{height:100vh; border:1px solid #f1f1f1}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv{padding:0}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv h2.resp-accordion{padding:15px 20px; font-family:"Conv_AvenirLTStd-Roman", Arial, sans-serif; font-size:16px}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv h2.resp-tab-active{padding:15px 20px !important}
.LeftSecheduleMDiv .smainrow .stm span{background:none; border-radius:3px; padding:0; color:##242424; display:inline-block}
.RightAllChatMDivNew.ChatMobilediv .RightTabMDiv .RightTabActionMDiv ul.SubActions li{padding:0 13px 5px !important}

ul.ReviewerDropDown {width:120px}
ul.ReviewerDropDown li a{position:relative}
ul.ReviewerDropDown li a span{font-size:14px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; padding:0 20px 0 0}
ul.ReviewerDropDown li a i {position:absolute; right:0; top:0}



}