@media only screen and (max-width: 780px) {

	.plan-details .table-responsive-sm {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}   
}

@media (max-width: 991.98px) {  
	
	.bbb-auth-modal .auth-image {
		display: none !important;
	}

	.bbb-auth-modal .auth-block {
		padding: 0;
	}
}

@media (max-width: 1200px) {
	.roomsGrid .card-deck .card {
		flex: 0 0 33.3333% !important;
	}
}

@media  only screen and (max-width: 375px) {
	.signin-remember {
		display: block !important;
		line-height: 1px;
	}

	.nav-menu .help-icon {
		display: none;
	}

	.attendance-list-tab {
		position: relative;
		width: 400px;
		overflow: auto;
		margin-top: 30px;
	  }
	  .register-btn-popover {
		left: 0 !important;
	}   
}

@media  only screen and (max-width: 767px) {
	.current-plan-view {
		line-height: 5px;
	}

	#helpModal .help-maximize,
	#helpModal .help-minimize {
		display: none;
	}

	.modeless .modal-content {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 320px;
    }

	.landing-container {
		max-width: 600px !important;
	}

	#bbbWebinarModal .webinar-attendee-pwd, #bbbScheduleModal .schedule-attendee-pwd {
		left: 105px;
		top: -28px;
	}

	#bbbWebinarModal .webinar-host-pwd,  #bbbScheduleModal .schedule-host-pwd  {
		left: 105px;
		top: -10px;
	}
	
	#bbbWebinarModal .webinar-attendee-txt, #bbbWebinarModal .webinar-host-txt, #bbbScheduleModal .schedule-attendee-txt, #bbbScheduleModal .schedule-host-txt  {
		width: 100px;
	}

	#bbbWebinarModal .webinarCheckDiv, #bbbScheduleModal .scheduleCheckDiv {
		float: initial;
	}
	#bbbWebinarModal .webinarCheckDiv label, #bbbScheduleModal .scheduleCheckDiv label {
		top: 0;
		left: initial;
	}
	#bbbWebinarModal .advanced-option, #bbbScheduleModal .advanced-option {
		min-height: initial;
	}
}


@media only screen and (max-width: 579px) {
	.roomsGrid .card-body.event-card {
		margin-top: 15px;
	}

	/*--------------------------------------------------------------
		# Header
	--------------------------------------------------------------*/
	
	#header div {
		display: inline-block !important;
		margin-bottom: 10px;
	}

	.logo {
		width: 100%;
		text-align: center;
	}

	#header {
		height: 150px !important;
	}

	#hero {
		height: 50vh !important;
		background-size: 100% 100% !important;
	}

	.contact-list-tab {
		position: relative;
		width: 500px;
		overflow: auto;
		margin-top: 30px;
	  }
}

@media (max-width: 991.98px) and  (min-width: 768px) { 
	.subscription-sub-menu .dropdown-item {
		white-space: initial;
	}
	#bbbWebinarModal .webinar-time {
		padding: 0 !important;
	}
}

@media  (max-width:1200px) and  (min-width: 768px) {
	#bbbWebinarModal .modal-dialog, #bbbScheduleModal .modal-dialog  {
		max-width: initial;
	}
	
}