/* --------------------------------------------------------------
MEDIA QUERIES
-------------------------------------------------------------- */	
/*
from small to large
just medium
large
and really large
*/

/* TJW MSTS-74 
	TJW amends : 1. remove (comment out) all media breakpoints that are not bootstrap breakpoints, ie anything other than 480,768|767,992|992,1200|1199
			 2. amend all references to 800|799 back to 768|767 
			 3. do same in style.css, style2.css, mq.css, tjw.css
*/

/* --------------------------------------------------------------
SMALL DEVICES AND UP
-------------------------------------------------------------- */

/*TJW MSTS-74 */
/* commented out 
@media (max-width:320px){
	
	.owl-item{
		height: 230px;
	}
	.postEvent .owl-item {
		height: 180px;
	}
	
	.topDir2 h1 span{
		left: 0;
		top: 100%;
	}
	
	.imgDir{
		width: 100px;
	}
	.imgDir img{ 
		width: 100% !important;
		height: auto;
	}

	.topDir2 h1{
		font-size: 13px;
		width: 130px;
	}
	/*
	.topDir2 a{
		display: none;
	}
	*//*
	.postDirectory .topBlock{
		margin-bottom: 0;
	}
}
TJW */

/*TJW MSTS-74 */
/* commented out 
@media (max-width:400px){
	.postEvent .owl-item {
		height: 220px;
	}
	.topDir2 h1 span {
		width: 160px;
		}
}
*/
/*TJW MSTS-74 */
/* commented out 
@media screen and (max-width: 420px){
#footer .newsletter input{width:90%;}
.newsletter button{padding:12px 0 !important;}
.publications-list article{min-height:275px;}
.publications-list article figure img{min-height:196px;}
.row.related .col-xs-6{min-height:236px !important;}
.publications-list article figure img{min-height:210px;}
.row.recommended{padding-bottom:0 !important;}
.recommended-stories.owl-carousel{margin-left:25px;}
.videos-slider .owl-prev, .recommended-stories .owl-prev{display:none !important;}
.row.recommended h2{text-align:left !important;}
}
*/

@media (max-width:480px){
	.actions .btn-primary{margin:0 0 15px;}
	
	.topDir2 h1 span {
		width: 200px;
		white-space: normal;
		}
	.owl-item{
		/* height: 300px; */
		height:auto; /* TJW TEST */
	}

	.postEvent .owl-item {
		height: 250px;
	}
	.postEvent .owl-item h2{
		font-size: 18px
	}
}
/*TJW MSTS-74 */
/* commented out 
@media screen and (max-width: 460px){
.gtr-messages{float: left; width: 100%; margin: 10px 0 30px; text-align: right;}
.subscribe .packages .col-sm-2{width:100%;margin-right:0;}
.subscribe .package h4.desc{margin-bottom:14px;}
.subscribe .package button.login-btn{margin-top:5px;margin-bottom:30px;}
.subscribe .package h4.desc{min-height:62px;}
.subscribe .form-section{padding:25px;}
.partner-events a.see-more{bottom: -8px;}
.videos-slider.owl-carousel{height:auto;margin-bottom:0;}
.videos-slider .owl-dots{display:none;}
.row.video-slider{padding:60px 0 35px 20px;}
.videos-slider .owl-item{height:auto;}
.post-slider i.fa-angle-left{top: 120px;}
.post-slider i.fa-angle-right{top: 120px;}


}
*/
/*TJW MSTS-74 */
/* commented out 
@media screen and (max-width: 580px){
.publications-list article{min-height: 384px;}
article.list figure{width:100% !important;}
.coverS article img{width:100%;}
.subscribe .packages .col-sm-2{width: 48%;margin-right: 2%;}
.subscribe .package{padding-bottom:0;}
body.single-event .header-title .col-sm-5 h1{font-size:15px;}
body.single-event .header-details .col-sm-3, body.single-event .header-details .col-sm-2, body.single-event .header-details .col-sm-7{font-size:15px;}
.eventsTabs .nav-tabs>li>a{font-size:15px;height: 50px;line-height:50px;}
body.single-event .header-details .col-sm-3, body.single-event .header-details .col-sm-2, body.single-event .header-details .col-sm-7{width:100%;text-align:center;}
.eventsTabs .nav-tabs>li{width:50%;}
.eventsTabs #description img{max-width:100%;height:auto;}
body.single-event .eventsTabs .panel-body{padding: 50px 25px;}
ul.nav-tabs.steps>li>a,
ul.nav-tabs.steps li a span.desc{font-size:14px;}


}
*/
/*TJW MSTS-74 */
/* commented out 
@media (max-width:600px){

	.maSingle #item-header-content .contactcount{
		top: -110px;
	}
	.maSingle #item-header-content{
		padding-top: 20px;
	}

	.maTabs .nav-tabs{height:auto;}
		.pageMA .eventsTabs .nav-tabs>li{width:100% !important;float:none;}
		.maTabs .nav-tabs>li>a{
			text-align:left;
			padding-left: 10px;
		}
		.eventsTabs .nav-tabs>li:nth-child(3)>a{
			padding-left: 10px;
		}

	.postEvent .owl-item {
		height: 300px;
	}
	.maSingle .topBlock{
		background-size: auto 170px !important;
	}


	.pageEvents #page>.topBlock{display:none;}
	
	.eventsTabs.edboard{display:block;}
	.maSingle .eventsTabs{display:block;}

	.visible-xxs{
		display: block;
	}
	.hidden-xxs{
		display:  none !important; 
	}
	.col-xxs-12{
		width: 100%;
	}
	.col-xxs-6{
		width: 50%;
	}

	.eventsTabs .panel-group li{
		padding: 10px 0 10px 60px;
		position: relative;
		list-style: none;
	}

	.owl-item{
		height: 330px;
	}
}
*/

/*TJW MSTS-74 */
/* commented out 
@media screen and (max-width: 680px){
.publications-list article figure img{min-height:auto;}
.publications-list article{margin-bottom:10px;}
.subscribe .package h4.desc{line-height:19px;font-size:14px;}
}
*/

/*TJW MSTS-74 */
/* commented out 
@media only screen and (max-width: 680px) {

	.singlepost h2{
		font-size: 22px;
		line-height: 30px;
	}

	.bottomNews .col-xs-6:nth-child(odd){
		clear: both;
	}

	.halfNews article{
		border-bottom: 4px solid #eceded;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.postEvent .owl-item{
		height: 320px;
	}

	.maHome h1{
		font-size: 22px;
	}

	.pageTraining .middle{
		height: auto;
		margin-top: 20px;
	}

	.workshop .wrappBlock .block2, .workshop .wrappBlock .block3{
		display: none;
	}
	.workshop .wrappBlock .block3{
		width: 286px;
	}
	.workshop .wrappBlock .block4{
		width: auto;
		-webkit-border-radius: 30px 0 30px 0;
		-moz-border-radius: 30px 0 30px 0;
		border-radius: 30px 0 30px 0;
		height: 100px;
	}
	.workshop .topDir {
		min-height: 0px;
		padding-bottom: 20px;
		margin-top: 20px;
	}
	.inevents{
		width: 100%;
		position: relative;
	}
	.workshop .middle{
		margin-top: 20px;
	}
	
		/*training*//*MSTS-74
	.title span{font-size:16px;line-height:130%}
		
	.topDir{min-height:1022px;}
		.powered{display:none;}
		.wrappBlock {height:auto;}
		.wrappBlock .blockDir{width:100%;float:none;}
		.wrappBlock .block2{position:relative;bottom:0;right:0;}
		.wrappBlock .block3{margin:0;}

	.attendBlocks .col-sm-4{margin-bottom:20px;}
	.attendBlocks .col-sm-4:last-child{margin-bottom:0;}

	.attendBlocks p, .partBlock p{font-size:13px;}
	
	#footer{padding-top:25px;}

	.leftF, .middleF, .rightF{border:0;width:100%;float:none;height:auto!important;}
		.navF li{width:50%;float:left;}
		.newsletter{padding:0;}
		/* .followUs{padding:30px 0 10px;} Removed GS-270 *//*MSTS-74

	.logoF img{width:135px;}
	.by img{width:90px;}

	#footer .subs{padding-top:35px; padding-left: 0}

	#clousure .copy{display:none}

	.postEvent .eventsTabs{display:block;}
		.postEvent .eventsTabs .nav-tabs{height:auto;}

		.postEvent .eventsTabs .nav-tabs>li{
			width: 50%;
		}

		.postEvent .postEvent .eventsTabs .nav-tabs>li>a{text-align:left;}



	.popular .col-xs-6:nth-child(3) {
		clear: both;
	}

}
*/

@media (min-width:768px){
	.itemFeat{background:none!important;}
}

@media screen and (max-width: 768px){
footer .newsletter button{display: block; width: 100%; margin-left: 0; margin-top: 14px;width:65%;}
#footer .newsletter input{width:65%;}
#footer .newsletter h4{line-height:20px;}
.publications-list .col-xs-2{width:50%;}
.publications-list article{min-height: 480px;}
.publications h2.main-title{float:left;margin-top:30px;}
.publications .col-sm-5 .box .col-sm-7{    min-height: auto;}
.publications .col-sm-5 .box .col-sm-7 button{padding: 12px 45px; position: relative; bottom: auto; left: auto; font-size: 14px; float: left; width: 100%; margin-top: 20px;}
.publications-list article p.pub-title{height: 80px;}
.publications .col-sm-5 .box .col-sm-7{padding-left:0;}
.row.video-slider{margin-top:20px;padding-top: 35px;}
.row.related .col-xs-6 {min-height:260px !important;}
/*.row.related .col-sm-6 {min-height:260px !important;} /* TJW MSTS-74 added for single.php now  at size sm
.publications-list article figure img{min-height:442px;}
/* TJW TEST 
.followUS{text-align:left} */
}

/*TJW MSTS-74 */
/* 959 -> 992 */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.slider img {
		height: 100%;
	}

	.otm h4{font-size:12px;}
	.otm h4 span{width:100%}
	.newsTop li p{display:none;}
	
	#magazine img{width:100px; height: auto;}
	#magazine  .content div{margin-left:110px;}
	a.view{font-size:13px;}

	.sideBlock img{max-width:100%}

	.followUs ul li{margin:0 8px;}

	

	.postEvent .slider article header{padding-right:50px;}
		.slider article header a{font-size:22px;}

	.postEvent .eventsTabs .nav-tabs>li>a{font-size:12px;padding-left:8px;padding-right:8px;}
	/* .postEvent .eventsTabs .nav-tabs>li a:before{display:none;}*/

	.pageDirectory .mainTitle{font-size:28px;}

	/*TRAINING*/
	.attendBlocks p, .partBlock p{font-size:13px;}

	/*magazine*/
	.coverS figure img{width:200px;}
	.coverS .content p{font-size:13px;}

	/*contact*/
	.pageContact .form-actions .btn{padding-left:10px;padding-right:10px;font-size:14px;}
	.cntBottom figure img{max-width:100%;}

	/*multimedia*/
	.grid img{max-width:100%;}
	.grid .video:before{top:20px;}

	/*ma*/
	.newMember img{max-width:100%; height: auto !important;}
	.signedMap h1{font-size:30px;}
		.pageMA .title span{font-size:16px;}

	.contentFeat h1{font-size:16px;}
	.subT{font-size:13px;}

	#forum li img{margin-bottom:15px;}

	.blockTitle{font-size:14px;}

}
/*TJW MSTS-74 */
/* 800 -> 768 */
/* 959 -> 992 */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.postEvent .eventsTabs .nav-tabs>li a:before{
		display:none;
	}
}
/*TJW MSTS-74 */
/* 800 -> 768 */
@media (max-width: 768px) {
	.col-sm-8 .main.column {
		width:100%;
	}
	.cat {
		margin-left: 0px;
	}
	body.singlepost .main-content {
		margin-left: 0px !important;
	}
}
/**/

/*TJW MSTS-74 */
/* 800 -> 768 */
@media screen and (max-width: 768px){
/* TJW TEST login-btn
	
		header button.login-btn{
		padding: 7px 16px; 
		margin-right: 60px; 
		margin-top: 9px;
		position: absolute; z-index: 99999; 
		right: 0;
	}
	header button.login-btn{
		display:none;
	}

	header a.mobile-only button.login-btn{
		display:block;
	}
*/
/* tjw.css 	#header{height: 50px;} 
	.head #logo{width: 96px; height: 50px;} 
    .head #logo img{height:50px;}
*/   
	.head{border-top:none !important;}

	#logo{padding:0 !important;border-left:none !important;}
	#logo img{margin-left:0 !important;}

	#loginform{padding-top:50px;} 

	.navbar{margin: -33px 0 24px;}
	nav.navbar .row{margin-left: -15px; margin-right: -15px;} 
	.navbar-nav > li > a{line-height:22px !important;}
	.navbar-nav>li{height:auto;}
	.sub-menu{position:relative;float:left;height:auto !important;left:auto !important;right:auto !important;line-height:38px !important;padding: 6px 0 12px !important;} 
	.navbar-nav>li>a{float:left;width:100%;} 
	.navbar-nav>li>a:focus{color:#F3AB35 !important;}
	.navbar{background:transparent !important;}

	nav li:hover > .sub-menu {display: none;}
	nav li.pressed > .sub-menu{display:block;}
	.liSearch{display:none;} /* the non mobile  style search */
	.liSearch.mobile-only{display:block;} /*tjw  does not appear to turn it on for <800 but does at 768 */
	.visible-xs .liSearch{padding:0 !important;padding-left: 8px !important ;}

/* TJW screws up bootstrap testing without also see style.css body.home .col-sm-4,*/
.row.headlines .col-sm-3,
.row.headlines .headline{width:100% !important;}
#page{padding-top:35px !important;}
.headlines{padding:0 10px;}

.post-listing article .content{width:100%;padding-left:0;padding-top:12px;}
/* TJW bootstrap this should be set for all sizes .post-listing article figure img { width: 100%; height: auto; }
.post-listing article figure{width:100%;} */
.col-sm-8 .main.column{padding-right:0;margin-left: 0px;}
#page h1, h2.main-title{margin-bottom:20px;}
#sidebar-right { margin: 15px 0 25px; float: left; }

h2.screen-reader-text{padding-bottom:0;}
h2.main{float: left; width: 100%;}

/* TJW 2709 a.see-more{position: relative; right: auto; bottom: auto; float: right;} */

.latest-headline{min-height:auto;}
.row.headlines .col-sm-3{float:left;}
.latest-headline a.see-more{padding-right:0;bottom:-10px;}
.latest-headline{margin-bottom:50px;} 

.owl-carousel{float:left;}

.container .col-sm-12{padding:0 10px;}
.navF li{line-height: 14px;}
.publications .col-sm-5 .box .col-sm-7{margin-top: 30px;min-height: 180px;}
.row.video-slider{margin-top:20px;padding-top: 35px;}
.videos-slider.owl-carousel{height:200px;}
.row.related h4{min-height:46px;}

body.connect-page .col-sm-8 .main.column{margin:0 !important;margin-bottom:30px !important;}
body.connect-page .col-sm-8{padding-left:0;}
body.connect-page .col-sm-8 .main.column img.connect-welcome{width:100%;padding-bottom:30px;}
body.connect-page h1{line-height: 25px;margin-top:0 !important;}
body.connect-page a.connect-sign-btn{position:relative !important;right:auto !important;bottom:auto !important;float:left;width:100%;margin-top:35px;}
body.connect-page a.connect-sign-btn button{width:100%;}
body.connect-page .connect-top{height:auto !important;}

.subscribe .packages .col-sm-2{width:30%;float:left;}

#maptabs.nav-tabs{margin-top: 20px;}

.eventsTabs .nav-tabs#maptabs>li{width: 50% !important;}
.eventsTabs .nav-tabs#maptabs>li a{padding-left: 25px !important;}
/* TJW MSTS-74 .eventsTabs .content .event-item{width:100%;margin-bottom: 40px;} */

body.event-listing #page h1, /* TJW .upcoming-events a.featured-holder img */{
width:100% !important;
}

#events.partner-events .content ul li{padding-right:0 !important;}
.upcoming-events .eventInfo{padding: 22px 0 0 10px;height: auto !important;}

body.single-event .header-details .col-sm-3{width:100%;}
body.single-event .header-details{height:auto !important;}
body.single-event .header-details>div{padding-left:0;}
body.single-event .header-details .col-sm-3{padding-left:20px;}
body.single-event .header-details .col-sm-2{width:50%;}
body.single-event #event-single-img{height:210px;}
body.single-event .header-details{background:none;}
body.single-event .header-details .col-sm-2,
body.single-event .header-details .col-sm-7{float:left;}

}

/*TJW MSTS-74 */
/* 800 -> 768 */
@media (max-width:768px) {

	.cntBottom .col-md-3:nth-child(3n+4){
		clear: none;
	}

	#subscribetoevent .tooltipp{
		position: relative;
		padding: 10px;
		left: auto;
		top: auto;
		background: #273840;
		width: 100%;
		margin-bottom: 10px;
	}

	.newsletter input{
		font-size: 13px;
		padding: 0 5px;
	}

	.pageMulti .tab-content{
		padding-left: 30px;
		padding-right: 30px;
	}

	.actions .btn-primary, .actions .btn-default{
		width: 100%;
		margin-bottom: 10px;
	}

	.eventsTabs .nav-tabs{
		width: 100%;
	}
	.eventsTabs .nav-tabs#maptabs>li{
		width: 16.66%;
	}
	.pageEvents .eventsTabs .nav-tabs>li{
		width: 50%;
	}


	.postEvent .eventsTabs .nav-tabs>li{
		width: 20%;
	}

	.ad img{max-width:100%;}

	#header .subs{display:none}
	.head{
		/* TJW background:#fff; */
		margin:0 -10px;
		/* padding:0px 10px 0px 0px;
		//border-top:1px solid #D2D2D2;
		//border-bottom:1px solid #D2D2D2; */
	}

	#logo{
		overflow:hidden;
		width:220px;
		height:135px;
		//border-left:1px solid #D2D2D2; /* tjw the // is an error but css ignores it */
		//padding:4px 0 3px 10px; 
		//z-index: 0;	/* stick it behind the menu  WHY then you cannot click it  TJW ?*/
		//position: relative;
	}
		/*#logo img{height:35px;}*/

	#page{
		padding-top: 15px;
		position: relative;
	}
	.navbar, .pageContact .navbar{
		min-height: 10px;
		border: 0;
		margin: -33px 0 24px;
		float: left;
		width: 100%;
		position: absolute;
		z-index: 9;
		
	}
	
	body #page:after{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		content: '';
		display: none;
	}
	body.menuopen #page:after{
		display: block;
	}

	/*
	.navbar-collapse.collapse.in{
		box-shadow: 0 0 0 2000px rgba(0,0,0,0.5);
	}
	*/
		.navbar-toggle{
			float:left;margin:0;padding:0;border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;
			margin-left: 8px;
		}
		.navbar-toggle .icon-bar{height:3px;background:#273840;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}

	.navbar.fixed-mobile{
		position: fixed;
		top: 13px;
		left: 0;
		width: 100%;
		margin: 0 !important;
		z-index: 11;
	}
	.navbar.fixed-mobile .navbar-header{
		margin-bottom: 0
	}
	#header.fixed-mobile{
		position: fixed;
		/*top: -75px;*/
		left: 0;
		width: 100%;
		margin: 0 !important;
		z-index: 11;
	}
	.pageMA #header.fixed-mobile{
		top: -24px;
	}

	.navbar ul.visible-xs.rightmenu{margin:-14px 0px 0 0;padding:0;float:right; height: 43px;}
		.visible-xs .liSearch{list-style:none;position:static;}
		.visible-xs .liSearch a{font-size:24px;color:#273840;}

		.visible-xs .liSearch .dropdown-menu{padding: 10px 0;left:auto;right:0;width:100%;border:0;margin-top:5px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
		.liSearch .dropdown-menu form{padding-right:72px;position:relative;}
			.liSearch .dropdown-menu form input{height:33px;}
			/*.liSearch .dropdown-menu form button{position:absolute;top:-1px;right:0;width:72px;height:34px;background:url(../img/bg/read2.gif) top left repeat-x;}*/


		.visible-xs .liUser{
			list-style: none;
			position: static;
			/*margin-right: -8px;*/
		}
			.visible-xs .liUser a {
				font-size: 24px;
				color: #273840;
				}


				.liUser .dropdown-menu{
					width: 100%;
					right: 0;
					left: auto;
					padding: 0 15px 10px;
				}
				.liUser .dropdown-menu label{
					color: #273840;
					font-size: 14px;
					font-weight: bold;
					margin-bottom: 0;
					line-height: 100%
				}
				.liUser .dropdown-menu .noaccount, .liUser .dropdown-menu  .forgotpass, .liUser .noaccount a{
					font-size: 12px !important;
				}
				 .liUser .dropdown-menu  .noaccount{
					padding: 0;
				}
				.liUser .dropdown-menu .form-control{
					margin-bottom: 10px;
				}
/* '*' TJW what is this flaoting * do I am remvoing it as i think a leftover comment   ? */
				.navbar-nav>li.liUser .dropdown-menu{
			-webkit-transition: opacity 0.3s ease-out;
			-moz-transition: opacity 0.3s ease-out;
			-ms-transition: opacity 0.3s ease-out;
			-o-transition: opacity 0.3s ease-out;
			transition: opacity 0.3s ease-out;
			opacity: 0;
		}
		.navbar-nav>li.liUser:hover .dropdown-menu{
			display: block;
			opacity: 1;
		}


	.navbar-collapse{border:0;box-shadow:0;-moz-box-shadow:0;-webkit-box-shadow:0;padding:0;margin:0 0px;max-height:380px;}
		.navbar-nav{margin:0;padding: 0px 0 0;}
		.navbar-nav>li>a{padding:12px 10px;font-weight:600;color:#273840;border-bottom:1px solid #fff;background:#eceded;text-transform:uppercase;}
		.navbar-nav>li>a b{
			display: none;
		}

		#navbar-1{
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-ms-transition: all 0.5s ease-out;
			-o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
			overflow: visible;
			position: relative;
			left: 0;
		}
		#navbar-1.submenuopen{
			
			left: -100%;
		}
		#navbar-1>.nav>li{
			position: static;
		}
		.dropdown-menu{
		right: 0;
		left: auto;
		top: 27px;
		margin: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		padding: 10px;

	}

		#navbar-1 .dropdown-menu{
			left: 100%;
			position: absolute;
			top: 0;
			margin: 0;
			padding: 0;
			border: none;
			width: 100%;
			background: #fff;
		}
		#navbar-1 .nav>li .dropdown-menu .container, #navbar-1.nav>li .dropdown-menu .container .col-sm-4{
			padding: 0;
		}
		#navbar-1 .nav>li .dropdown-menu .container ul li a{
			padding: 10px;
			width: 100%;
		}
		.dropdown.submenuopenli .dropdown-menu{
			display: block;
		}
		#navbar-1 .nav .col-sm-4 ul li{
			padding: 0;
		}

		
		.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background:#d0d2d4;border-color:#fff}

		 .navbar-collapse .liSearch{display:none;} 
			.caret{float:right;position:relative;top:10px;}
			.nav .open>a .caret{
				-moz-transform: scaleY(-1);
			    -webkit-transform: scaleY(-1);
			    -o-transform: scaleY(-1);
			    transform: scaleY(-1);
			    -ms-filter: flipv; /*IE*/
			    filter: flipv; /*IE*/
			}

		.navbar-nav.navbar-right{padding-top:0;}

		.item1 .col-sm-2, .item2 .col-sm-8, .item3 .col-sm-2{display:none;}
		#navbar-1 h4{
			text-align: center;
			height: 41px;
			font-size: 14px;
			color: #273840;
			line-height: 38px;
			background: #eceded;
			margin: 0;
			position: relative;
		}
		#navbar-1 h4 a{
			position: absolute;
			top: 0;
			left: 10px;	
			font-size: 16px;
			font-weight: bold;
			color: #111;
			padding: 0 !important;
		}
		

		.item1 .col-sm-4 ul, .item2 .col-sm-4 ul, .item3 .col-sm-4 ul{padding:0;margin:0;list-style:none;}
			.item1 .col-sm-4 ul li, .item2 .col-sm-4 ul li, .item3 .col-sm-4 ul li{display:block;padding:0 10px;}
			.item1 .col-sm-4 ul li a, .item2 .col-sm-4 ul li a, .item3 .col-sm-4 ul li a{display:block;border-bottom:1px solid #d2d2d2;padding:11px 0;font-weight:600;color:#273840;}
			.item1 .col-sm-4 ul li:last-child a, .item2 .col-sm-4 ul li:last-child a, .item3 .col-sm-4 ul li:last-child a{border:0;}

		.item4 ul{padding:0;margin:0;list-style:none;}
		
			.item4 ul ul li{display:block;padding:0 10px;}
			.item4 ul ul li a{display:block;border-bottom:1px solid #d2d2d2;padding:12px 0;font-weight:600;color:#273840;}
			
			.item4 ul ul li:last-child{text-align:center;padding:5px 10px 10px;}
			.item4 ul ul li:last-child a{border:0;padding:5px 0;text-align:center;text-decoration:none;}
			.feat {display: block;color: #6B2E78;font-size: 11px;}
				.feat a{color:#fff!important;background:#6B2E78;margin-bottom: 5px}

		.liConnect li{display:block;padding:0 0px;}
			.liConnect li a{display:block;border-bottom:1px solid #d2d2d2;padding:12px 0!important;font-weight:600;color:#273840; padding-left: 10px !important;}
			.liConnect li a i{float:right;font-size:18px;}

			.navbar-nav>li>a.btn-primary{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border: 0;color:#fff;font-weight:600;font-size:14px;}

	.mainNews{width:100%;float:none;}
	.sideTop{display:none;}	
		.otm li{clear:both;overflow:hidden;padding-left:20px;padding-right:15px;}
		.otm img{float:left;margin:0 15px 0 0;}

	.slider img{max-width:100%; height: auto;}
	.slider article header{padding:0;}
		.slider article header a{font-size:22px;display:block;line-height:120%;}
	.slider article p{display:none;}

	.owl-buttons div{margin-top:-50px;}
	.postEvent .owl-buttons div{margin-top:-80px;}

	.halfNews img{width:100%;}

	.homeTop{margin-bottom:10px;}
	.bottomNews .col-xs-6{margin-bottom:20px;}

	.contentAd img{max-width:100%;}

	.postList article{padding-left:0;}
		.postList figure{display:none;}


	/*EVENTS*/
	
	.pageEvents .navbar{margin:-30px 0 24px;}

	
		.visible-xs.eventsTabs .nav-tabs>li{width:50%;text-align:center;}
		.visible-xs.eventsTabs .nav-tabs>li>a{padding-left:0;padding-right:0;}

	.eventsTabs .panel{}
	.eventsTabs .panel-heading{padding:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; position: relative;}
		.eventsTabs .panel-heading a{display:block;padding:12px 10px;font-weight:600;color:#273840;background:#eceded;text-transform:uppercase;}
		.eventsTabs .panel-heading .caret{top:6px;}
		.eventsTabs .panel-heading input{
			position: absolute;
			top: 10px;
			left: 10px;
		}

		.eventsTabs .panel-group{margin:0;}

	.popular .col-xs-6{margin-bottom:20px}
	.popular{margin-bottom:0px;}

	.postEvent .slider article header a{font-size:18px;}
	.postEvent .slider .bg {padding-bottom: 20px;padding-right: 55px;}
	.postEvent .slider .date{top:0px;}

	

	

	/*directory*/
	.pageDirectory .mainTitle{font-size:30px;}
	.pageDirectory .colNarrow figure{padding:30px 0 0 0; margin-left: auto; margin-right: auto; float: none; display: block;}
	.pageDirectory .colNarrow figure img{
		 margin-left: auto; margin-right: auto; float: none; display: block;
	}

	.letters{width:100%;float:left;}
	

	.directoryForm .form-group{height:auto;}
		.form-selects .wrapp{
			width:100%;padding:0px 7px 15px;float:none;
		}
		.directoryForm form{
			padding-bottom: 0;
		}
		.form-selects .wrapp .form-control{float:none;}

	.postDirectory .navbar{margin:-30px 0 0px;}

	.imgDir{padding:0 8px;margin-right:10px;}
	.topDir2 h1{font-size:14px;padding-top:26px;}
	.topDir2 a{font-size:0;}

	.dirTabs .dl-horizontal dd{margin-left:0;font-size:13px;padding-top:5px;}

	.dirTabs .nav-tabs>li{width:50%;}
		.dirTabs .nav-tabs>li>a{width:100%;padding-left:25px;}
		.dirTabs .nav-tabs>li a:before{left:5px;}



	/*magazine*/
	.slideMag h4.blockTitle{color:#fff;font-size:14px;}
	.topMag{margin:0 0 35px;}
	.featMag{display:none;}
	.slideMag{float:none;width:100%;padding:0;background:none; overflow: visible;}
		.topMag .col-sm-12:before{display:none;}

		.slideMag .owl-carousel  .owl-item{padding:0 35px;background:none;padding-top:15px;}
		.slideMag .owl-carousel .owl-item .item{ /*background:#fff;*/ text-align:center;}
		.sliderMag.owl-carousel .owl-item{
			height: 280px;
		}

		.slideMag .item h4{width:137px;margin:0 auto;text-align:left; font-size: 14px;}

		.slideMag .owl-prev{left:0;}
		.slideMag .owl-buttons div{margin-top:0;top:0;width:35px;height:100%;background:#E7E8E9;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;opacity:1}
		.slideMag .owl-buttons div:hover:before{background:#273840}

		.slideMag .owl-prev:before{width:35px;height:60px;background:#d0d2d4;left:0;margin:-30px 0 0 0;}
		.slideMag .owl-prev:after{content:"";display:block;width:13px;height:21px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -6px;background:url(../img/ico/ico.png)}

		.slideMag .owl-next:before{width:35px;height:60px;background:#d0d2d4;left:0;margin:-30px 0 0 0;}
		.slideMag .owl-next:after{content:"";display:block;width:13px;height:21px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -6px;background:url(../img/ico/ico.png) -15px 0;}

	.blockTitle{font-size:14px;}

		.coverS figure{float:none;margin:0 0 17px;}

	/*contact*/	
	.pageContact .navbar{margin:-30px 0 0px;}
	.cntTop{margin-bottom:30px;}
	.pageContact .form-actions .btn{width:100%;float:none;margin:0 0 40px;}

	/*multimedia*/
	#video{padding:20px;}
		#video h1{font-size:20px;}
		#video p{font-size:13px;}

	.grid img{max-width:100%;}
	/*.grid .video:before{top:15px;}*/
	.grid h2{font-size:13px;}

	/*ma*/
	.pageMA .head{ // Not sure we need this one??
		padding:0px 10px 0px 0px;
	}

	.signed{top:14px;display:none;}
	.pageMA .liUser{display:none;}

	.navbar-header{margin-bottom:4px;}
	.visible-xs .liSearch{
		float:left; border-left: 1px solid #D8D8D8;
		padding: 0px 4px 5px !important;
	}
	.visible-xs .liUser{
		float:left; 
		border-left: 1px solid #D8D8D8; 
		padding: 0px 4px 6px;
		position: static;
	}
	.icon-msg{
		margin-top: 5px;
	}

	.help.panel{
		background: #eceded;
		margin-top: 20px;
		padding: 15px;
		font-style: italic;
	}
	.submobileimg{
		margin: 0 auto;
		display: block;
	}
	
	.steptitle{
		display: none;
	}


	.newMember img{max-width:100%}
	.signedMap h1{font-size:30px;}

	.pageMA .topBlock .title {margin-bottom:0}
		.pageMA .title span{font-size:16px;}
	
	.getIn h1{font-size:29px;}
	.getIn .col-sm-4{margin-bottom:28px;}
	.getIn .col-sm-4:last-child{margin-bottom:0px;}

		.member a{margin-bottom:5px;}

	.subscribeMA img{max-width:100%}
	.subscribeMA .col-xs-6{margin-bottom:20px;}

	

	.topFeat{margin-top:5px;}

	.itemFeat{height:280px;
		background-size:cover;
		background-position:top center;
		background-repeat:no-repeat;
	}

		.itemFeat img{display:none;}
		.contentFeat h1{padding-right:10px;padding-left:10px;font-size:18px;}
		.contentFeat h1:before{display:none;}

		.downFeat{right:10px;left:10px;width:auto;bottom:35px;}
			.downFeat .btn-large{margin-top:10px;}

	.subT{font-size:13px;margin-bottom:25px;}

	.pageMA.maSingle .navbar-header {margin-bottom:0px;}

	
	article.list.big{
		padding-left: 0;
	}
	article.list figure{
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 20px
	}

	.sideAd{
		text-align: center;
	}
	article.list{
		padding: 20px 0;
	}

	.supplementlist .col-sm-5 img{
		margin: 0 auto 20px;
	}

	

#subscribe .nav-tabs.book>li{
		width: 33.3%;
		
		border: none;
		padding: 0;
		color: #d0d2d4;
		
		border-left: 0;
	}
	#subscribe .nav-tabs.book>li:first-child a{
		border-left: 1px solid #d2d6d7;
	}
	#subscribe .nav-tabs.book>li>a{
		border: 1px solid #d2d6d7;
		background: #eceded;
		background: #eceded;
		padding: 0;
		height: 36px;
		line-height: 24px;
		font-size: 19px;
		color: #d0d2d4;
		border: none;
		line-height: 34px;
		text-align: center;
		border-radius: 0;
	}
	#subscribe .nav-tabs.book>li.active>a{
		border: none;
		background: #f1ab34;
		color: #fff;
	}
	#subscribe .nav-tabs.book{
		background: #fff;
		border: none;
		height: 100px;
	}
	#subscribe .stepdesc{
		background: #fff;
		line-height: 130%;
	}
	.step{
		padding: 0 0 20px;
		display: none;
	}
	.step#step1{
		display: block;
	}
	body.subscribe{
		background: #fff;
	}
	.nextstep{
		border-radius: 20px;
		color: #f1ab34;
		font-size: 14px;
		border: 1px solid #cccccc;
		display: block;
		float: right;
		padding: 5px 10px;
		margin: 20px 0;
	}









	

	.pageMA .liUser span{
		right: 5px;
		top: -5px;
	}
	.dropdown-menu{
		width: 100%;
	}

	#magazine .btn {
		right: 0;
	}

	.subs img{
		display: none;
	}
	footer .subs .btn-primary{
		width: 100%;
	}
	#footer .subs{padding-top:8px;}
	#footer .subs p{ padding-top: 0}


	.front .owl-buttons div, .front .owl-pagination/*, .slider article div.bg p*/{
		/*display: none;*/
	}
	.slider article div.bg{
		min-height: 87px;
		height: auto;
	}
	.mobiletitle h2{
		font-size: 24px;
	}

	.pageEvents.postEvent .slider article p{
		display: block;
	}




	.newMember{
		padding: 10px;
	}
	.subscribeMA img{
		height: auto !important;
	}
	.maHome h1{
		font-size: 28px;
	}

	.pageMA .signedMap .eventsTabs .nav-tabs>li {
		width: 50% !important;
		float: left;
	}
	.pageMA .signedMap .eventsTabs  {
		padding-top: 30px;
	} 

}
/* end 768 */
/*TJW MSTS-74 */
/* commented out 
@media (max-width:960px) {
	.ad, .ad a{
		text-align: center;
	}
	.ad img{max-width:100%; margin: 0 auto}
	.nav-left .dropdown-menu a img{max-width:100%;}
	.nav-left .item3 .date{top:19px;}

}
*/

@media screen and (max-width: 992px){
/* removed for GS-136 	.head #logo{width:270px;} */

/* .head #logo{
	margin-left: 40px; /* TJW CHECK IF NEEDEED NOW  yes but on 768/
} */
/* tjw.css
#header{height: 142px;} /* TJW important 
.head #logo{width:270px;}
.head #logo img{width:100%;}*/
/* TJW handled by bootstrap .header-ad{    /*width: 370px;padding-left: 0;    padding-top: 40px; display:none;} */


/* .head #logo img{width:100%;} */
/* TJW should be handled with bootstrap visible-* class 
.header-ad{    /*width: 370px;padding-left: 0;    padding-top: 40px; display:none;} */ 
/* #header{height: 142px;} */

/* Removed to moved the login button top  
	header button.login-btn{margin-top:50px;}	
*/

/* TJW TEST SEARCH BAR appearance commenting out the below removes it from navbar */
/*.navbar-right li.liSearch{display:none;} */
/* TJW thinks should be visible at this size  .navbar-right li.liSearch{display:none;}  */
.navbar-nav>li>a{font-size: 16px;}
.row.headlines .col-sm-3{width:50%;}
nav.navbar ul.nav ul.sub-menu li.sign-up-news{display:none;}
nav.navbar ul.nav ul.sub-menu li{    padding: 0 8px;}
nav.navbar ul.nav ul.sub-menu li a{font-size:15px;}
/* TJWfix .post-listing article .content{width:60%;}*/
.subscribe .packages .col-sm-2{width:30%;}
body.single-event .header-title .container,
body.single-event .header-details .container{width:auto !important;}
body.single-event .header-title .col-sm-5 h1{font-size:18px;}
.eventsTabs .nav-tabs>li{width:33%;}


}

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

	.sideTop, .mainNews{
		float: none;
		width: 100%;
	}
	.newsTop{
		height: auto;
		min-height: 0;
	}
	.contentAd img{
		max-width: 100%;
		height: auto;
		display: block;
	}

	.featMag img{
		width: 100%;
		height: auto;
	}
	.slideMag{
		width: 70%;
	}

	.popular img, .related img{max-width:100%; height: auto;}

	.topDir{
		min-height: 710px;
	}
	.powered {
		right: auto;
		left: 50%;
		margin-left: -70px;
	}
	.workshop .powered{
		top: 0;
		bottom: auto;
	}
	.pageTraining .topBlock .title{
		text-align: center;
	}
	.topDir .container, .topDir .row, .topDir .col-sm-12{
		height: auto;
	}
	.topDir .col-sm-12{
		position: static;
	}

	.pageTraining .middle{
		height: 500px;
		margin-top: 110px;
	}
	.workshop .divH{
		position: relative;
	}

	.inevents{
		top: auto;
		bottom: auto;
		width: 100%;
		position: relative;
	}

	/*DIRECTORY*/
	.pageDirectory .actions .btn-primary{
		margin: 0 0 10px;width:80%;font-size:14px;}
	.pageDirectory .actions .btn-default{
		width:80%;font-size:14px; margin: .}

	.letters{width:100%;float:left;}
	.directoryForm .form-group{
		height: auto;
	}
	#inputSearch{
		width: 100%;
	}
	#directoryButton{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		}


	.eventsTabs .nav-tabs#maptabs>li{
		/* TJW MSTS-74 leave at 50% width: 30%; */
		padding-left: 0;
		padding-top: 0;
	}
	
	.eventsTabs .content .event-item{height:306px;}
	.eventInfo h3 a { color: #fff; font-size: 15px; font-weight: 600; line-height: 18px; }
	.eventInfo .venue p { margin: 0; line-height: 16px; font-size: 13px; }
	.event-length{font-size:15px;}
	.month{font-size:14px;}
	.month span{font-size:28px;}


	/*.eventsTabs .nav-tabs#maptabs>li a{
		padding-left: 0;
		padding-right: 0;
	}*/

	.row #item-header-avatar{
		width: 124px;
		height: 124px;
	}
		#item-header-avatar img{
			width: 120px !important;
			height: 120px  !important;		
		}

	.cntBottom .col-md-3:nth-child(4n+5){
		clear: none;
	}
	.cntBottom .col-md-3:nth-child(3n+4){
		clear: both;
	}

/* TJW TEST SEARCH BAR appearance - commenting this out makes it reappear on navbar ASK DOM IF SHOULD BE ON	*/
	/* TJW thinks should be in  .navbar-right li.liSearch{display:none;}  */
	
	
	.postList h3 { 
		width: 200px !important; 
	}
	

}

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

	/* TJW TEST1  .header-ad{       width: 470px;padding-top: 50px;} */
	.liSearch {    
		/* display: none !important; /* Put search back in on mobile */
	}
	
	footer .col-xs-4.empty{display:none;}
	footer .col-xs-4{width:50%;}
	.publications .col-sm-5 .box .col-sm-7{min-height: 358px;}
	.publications-list .col-xs-2{width:25%;}
	.publications-list article{min-height: 340px;}
	.post-listing article .content h3 a{line-height:22px; }
	.subscribe .form-section .col-sm-6.info{width:100%;margin-left:0;margin-bottom: 35px;}
	.subscribe .packages{display:block;margin-bottom:0;padding-bottom:0;}
	.subscribe .packages .col-sm-2{width:32%;margin-bottom:10px;}
	.subscribe .package h3{font-size:22px;}
	.subscribe .package h4.price{font-size:34px;}
	.subscribe .package h4.desc:after{height:3px;}
	.eventsTabs .nav-tabs>li{width: 25%; margin-bottom: 5px;}
	.eventsTabs .nav-tabs>li i.fa-angle-down{right:10px !important;}
	body.single-event .header-title .col-sm-5{width:100%;}
	body.single-event .header-details .col-sm-2{width:24%;}
	body.single-event .header-details .col-sm-7{width:50%;}
	.eventsTabs .nav-tabs>li.book{padding-right:4px;}
	#contactus.tab-pane .col-sm-6 h4{line-height:22px;}
	
	/* TJW testing removal .upcoming-events a.featured-holder{
		margin-right:0;
		// width: 100%; 
		height: 154px; 
		background-repeat: no-repeat; 
		background-size: cover;
	}
	*/
	
}

/*TJW MSTS-74 */
/* commented out 
@media screen and (max-width: 1430px){	
	.header-ad{       
		width: 630px; 
		padding-left: 25px;
		padding-top: 0px; /* GS-136 *//*
	}
	.header-ad img{float:left;    }
	
	/* .liSearch input.form-control{width:250px;}	Removed to fix iPad pro GS-136 *//*
	 
	.sharebox{display:none;}
	.postList article .content{
		width:198px;
		padding: 0px;
		margin-left: 10px;
	}
		.post-listing article .content{width:70%;float:left;}
	.post-listing article .content h3{line-height:16px;}	
	.postList article figure img {
		width: 158px;
		height: 115px;
	}
	
	.postList figure {
		margin-right:0;
		//width: 100%; 
		height: 154px; 
		background-repeat: no-repeat; 
		background-size: cover;
	}

	.upcoming-events a.featured-holder{
		margin-right:0;
		//width: 100%; 
		height: 154px; 
		background-repeat: no-repeat; 
		background-size: cover;
	}
	
	.postList figure a{width:100%;}
	.publications .col-sm-5 .box .col-sm-7 button{position: relative; float: left; right: auto; left: auto; margin-top: 20px;padding: 12px 40px;}
	a.pub-login{position:relative;float:left;margin-top:25px;margin-left:10px;}
	
	.upcoming-events.partner-events a.featured-holder{height:auto;}
	.upcoming-events .eventInfo{width:100%;padding: 20px 0 0 20px;}
	#events.partner-events .content ul li{padding-right:5%;padding-bottom:25px !important;}
	
	.eventsTabs .nav-tabs>li>a{font-size:16px;padding-left: 15px;}
	.eventsTabs .nav-tabs>li i.fa-angle-down{top: 19px !important; right: 5px !important;font-size: 22px;}
	.panel-body h2.main-title{font-size:19px !important;}
	.panel-body h3.secondary-title.sponsor-group{font-size:17px;}
	.venue-details p { font-size: 16px; line-height: 34px; margin-bottom: 14px;}
	.sideBlock#sponsors{border:none !important;}
}
*/







/* --------------------------------------------------------------
JUST MEDIUM DEVICES
-------------------------------------------------------------- */