/*------------------------------------------------------------------
Project:	Health & Safety Event
Version:	1.0
================================================== */

/*------------------------------------------------------------------
Table Of Contents

01). Home Page - 'Hero' block
02). 
03).
================================================== */


/*------------------------------------------------------------------
01). Home Page - 'Hero' block
================================================== */

/** Medium Sized Screens (laptops, smallish desktops, etc) */
@media only screen and (max-width: 1199px) {
	
	.jx-event-box {
		left: 0 !important;
		width: 900px !important;			
	}	
	
	.jx-event-title-box {
		width: 600px !important;
	}
	
	.jx-event-title {
		font-size: 43px !important;				
	}	

	.shortcode_tab_e.jx-white-tab.jx-arrow-tab ul.jx-subtab li {
		padding: 20px 10px 15px 10px !important;
	}
	
	.shortcode_tab_e.jx-white-tab.jx-arrow-tab li.resp-tab-active {
		/*padding: 25px 10px 14px 10px !important;		*/
	}
	
	.jx-tab-title {		
		font-size: 15px !important;
	}
	
	/* Seminars */
	.seminar-tabs #day-one-tab, .seminar-tabs #day-two-tab {
		/* border: 1px solid red !important; */
	}
	
}


/** Small Screen Navigation **/
@media only screen and (max-width:980px) {
	
	.navbar #logo {		
		width: 200px !important;		
	}
	
	.nav > li > a {
		padding: 10px 7px !important;
		font-size: 13px !important;
	}
	
	.nav > li:last-child {		
		margin-right: 3px !important;
	}

	#event-toggle {
		margin-left: -185px !important;
	}
	
	.jx-event-box {				
		width: 750px !important;		
	}		
		
	.jx-event-title-box {
		width: 425px !important;	
		/* background-color: red !important; */
	}
	
	.jx-event-title {
		font-size: 33px !important;		
	}
	
	.jx-slider-content .jx-form-btn {				
		padding: 0 20px !important;
		font-size: 16px !important;		
	}
	
	/* Seminars */
	.seminar-tabs #day-one-tab, .seminar-tabs #day-two-tab {
		/* border: 1px solid green !important; */
	}
		
}

@media only screen and (max-width:959px) {	
	
	.jx-menu .main-menu li a {
		font-size: 13px !important;
		padding: 0 8px !important;
	}	
	
	.jx-event-pretitle {
		font-size: 28px;
	}	
	
	.jx-event-title {
		font-size: 35px;
	}
		
	footer .footer-info .title {		
		display: block !important;
	}
	
	footer .footer-info .title:after {
		content : '  ';
	}
	
	#footer .contact a {
		margin-left: 0 !important;
	}
	
	.shortcode_tab_e.jx-white-tab.jx-arrow-tab ul.jx-subtab li {
		padding: 21px 4px 14px 4px !important;
	}
	
	.shortcode_tab_e.jx-white-tab.jx-arrow-tab li.resp-tab-active {
		/* padding: 25px 4px 14px 4px !important;		*/
	}
	
	.jx-tab-title {
		font-size: 13px !important;		
	}
	
	/* Seminars */
	.seminars li.resp-tab-item.parenttab_1.resp-tab-active {
		color: red !important;
	}	
	
	/* Seminars */
	.seminar-tabs #day-one-tab, .seminar-tabs #day-two-tab {
		/* border: 1px solid blue !important; */
		width: 48% !important;
	}
	
	.conference-theatre-sponsor img {
		margin-bottom: 10px;
	}
	
	.conference-theatre-sponsor div {
		width: 140px;
		text-align: center;
		margin: 0 20px 10px 0;		
	}

}

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

	.jx-event-box {
		top: 125px !important;
	}
		
	.jx-event-title-box {
		width: 350px !important;						
		height: 188px !important;
		/* background-color: blue !important; */
	}

	/* hide our events toggle beneath the main logo... */
	#event-toggle {
		display: none !important;
	}

	/* ...and show the event locations drop down in the mobile nav */
	#event-toggle-mobile {
		display: block !important;
	}
	
	.jx-event-box .jx-event-date {		
		padding: 10px !important;
		height: auto !important;		
	}
	
	.jx-event-day span {
		display: block !important;
		padding: 0 !important;		
	}
	
	.jx-event-day .primary {
		font-size: 60px !important;		
	}
	
	.jx-event-day .secondary {
		font-size: 40px !important;				
		margin-top: -10px !important;
	}
	
	.jx-event-month {
		font-size: 20px !important;
	}
			
	.jx-event-title {
		font-size: 22px !important;
	}	
	
	.jx-event-title-box table {
		margin-top: 10px !important;	
	}

	.jx-event-title-box .jx-form-btn {		
		/* color: green !important; */
		padding: 3px 10px !important;
		font-size: 14px !important;
		margin-top: 5px !important;
		height: 45px !important;
		line-height: 32px !important;
	}	
	
	footer .footer-info .title {		
		display: inline-block !important;		
	}
	
	footer .footer-info .title:after {
		content : ' | ';
		margin-left: 5px;
		margin-right: 5px;	
	}

	#footer .contact a {
		margin-left: 10px !important;
	}	
	
	.jx-tab-date {
		padding-top: 0px !important;
		font-size: 26px !important;		
	}	

	#North-Contact button.jx-submit {
		/* background-color: blue !important; */
		margin-top: 15px !important;
	}

	#North-Contact .contact-form-supp .row:nth-of-type(3) div + div, #North-Contact .contact-form-supp .row:nth-of-type(4) div + div {
		margin-top: 15px !important;		
	}	
	
	/* Seminars */
	.seminar-tabs #day-one-tab, .seminar-tabs #day-two-tab {
		/* border: 1px solid purple !important; */
	}	
	
}

@media only screen and (max-width:600px) {
			
	.jx-event-title-box {
		width: 325px !important;							
		/* background-color: green !important; */
	}
	
	.jx-event-title-box .jx-form-btn {
		margin-top: 5px !important;		
		padding: 2px 6px !important;
		font-size: 14px !important;
		line-height: 18px !important;		
	}	
	
	.jx-tab-date {
		padding-top: 0px !important;
	}	

	#North-Contact button.jx-submit {
		/* background-color: green !important; */
	}	
	
	/* Seminars */
	.seminar-tabs #day-one-tab, .seminar-tabs #day-two-tab {
		/* border: 1px solid black !important; */
	}

}

@media only screen and (max-width:575px) {
	
	.jx-event-box {
		top: 150px !important;		
		background-color: orange !important;
	}
	
	.jx-event-box .jx-event-date {
		width: 100px !important;
	}
	
	.jx-event-title-box {
		width: 300px !important;		
		height: 156px !important;
		padding: 10px 15px !important;		
		/* background-color: orange !important; */
	}
		
	.jx-event-day .primary {
		font-size: 45px !important;		
	}
	
	.jx-event-day {
		margin-top: -10px !important;
	}
	
	.jx-event-day .secondary {
		font-size: 30px !important;				
		margin-top: -8px !important;
	}
	
	.jx-event-month {
		font-size: 18px !important;
		padding-bottom: 3px !important;
	}	
	
	.jx-event-title {
		font-size: 20px !important;
	}
	
	.jx-event-title-box table {
		margin-top: 8px !important;	
	}

	.jx-event-title-box .jx-form-btn {
		margin-top: -5px !important;		
	}

	.jx-tab-date {
		padding-top: 0px !important;		
	}	

	#North-Contact button.jx-submit {
		/* background-color: red !important; */
	}	
	
	/* Seminars */
	.seminar-tabs #day-one-tab, .seminar-tabs #day-two-tab {
		/* border: 1px solid grey !important; */
		/* color: green !important; */
	}
}


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

	.jx-event-box {
		width: 300px !important;
		top: 140px !important;
	}
	
	.jx-event-box td {
		padding: 5px 0 !important;
	}
	
	.jx-event-box .jx-event-date {
		float: none !important;
		width: 300px !important;
		height: 43px !important;
		padding: 3px !important;
	}
	
	.jx-event-title-box {		
		height: 140px !important;
		text-align: center !important;
		/* background-color: purple !important; */
	}

	.jx-event-pretitle {
		font-size: 18px !important;
	}
	
	.jx-event-title {
		font-size: 20px !important;
	}
	
	.jx-event-day {
		float: left !important;
		margin: 0 -20px 0 25px !important;
		display: inline-block !important;
	}
	
	.jx-event-day span {		
		display: inline-block !important;		
	}
	
	.jx-event-day .primary, .jx-event-day .secondary {
		font-size: 22px !important;
		margin-top: 5px !important;
	} 
	
	.jx-event-day .secondary {		
		margin-left: 2px !important
	} 
	
	.jx-event-month {		
		font-size: 22px !important;
		margin-top: 6px !important;
	}
	
	.jx-event-title-box .jx-form-btn {				
		font-size: 13px !important;
		line-height: 30px !important;
		height: 40px !important;
	}	
	
	#upcoming-events h4 {		
		font-size: 15px;				
	}
	
	.jx-tab-date {
		font-size: 20px !important;
	}

	#North-Contact button.jx-submit {
		/* background-color: purple !important; */
	}	
	
	/* Seminars */
	.seminar-tabs #day-one-tab, .seminar-tabs #day-two-tab {
		/* border: 1px solid brown !important; */
		padding: 24px 0px 25px !important;
	}
	
}