@media(max-width:920px){

		/* Windex */
	
			body.page-windex {
			background:#eda0aa;
			}
			
			
			.queries br {display:none !important;}

		/* In-house competitions */
	
			.page-members-competitions .main-container .view-competition-form-archive .view-footer .col-sm-4 img {
			margin:30px 0 !important;
			}

		/* Digital magazines index */
		
			.view-digital-editions-archive .views-view-grid td{
			background:#f5f5f5;
			min-width:100% !important;
			max-width:100% !important;
			width:100% !important;
			display:block !important;
			padding:10px;
			clear:both;
			}
			
			.view-digital-editions-archive .views-view-grid td br {
			display:none;
			}
			
			.view-digital-editions-archive .views-view-grid .views-field-field-thumbnail {
			padding-bottom:30px !important;
			float:left;
			margin-right:20px;
			margin-left:-10px;
			margin-top:-20px;
			}
			
			.view-digital-editions-archive td:nth-child(2n+2) .views-field-field-thumbnail {
			/* alternate thumbnails on right */
			float:right !important;
			margin-right:-10px !important;
			margin-left:20px !important;
			}
			
			/* Compers Weekly enewsletter page */
		
			.view-compers-weekly .view-content .item-list ul {
			padding:0 0 0 10px;
			}
			
		/* Different types of competition page */
		
		body.page-node-32463 .main-container .row h2 {
		font-size:2.8em;
		text-align:left;
		}
		
		/* testimonials */
		
		.node-type-testimonial article.node-testimonial .field-name-field-thumbnail img,
		.page-competition-winners .views-field-field-thumbnail .field-content img {
		height:auto !important;
		}
		
		.view-digital-editions-archive .col-1 .views-field-field-featured-inside,
		.view-digital-editions-archive .col-3 .views-field-field-featured-inside {
		width:85%;
		margin-left:190px;
		}

			
}

@media(max-width:767px){
	
	
		/* Login page */
		
		.page-user-login {
		background:none !important;
		}	
		
		.page-user-login .jumbotron .col-sm-10 {
		width:100%;
		margin:0;
		}
		
		.page-user-login .jumbotron p.intro{
		padding:0;
		margin:0;
		}
		
		.page-user-login .main-container div{
		margin-top:0;
		padding-top:0 !important;
		}
		
		.page-user-login .signup-message h4 a {
		font-size:0.9em;
		}
		
		.page-user-login .signup-message h4 a:first-child {
		margin:15px 0 0;
		}

	
		/* Competition winners */
		
		.page-competition-winners .views-field-field-thumbnail {
		width:100%;
		}

		.page-competition-winners .views-field-body .field-content{
		width:100%;
		}
		
		.page-competition-winners .views-field-field-thumbnail .field-content a{
		width:45%;
		}		
		.page-competition-winners .views-field-field-thumbnail .field-content a img{
		float:left;
		margin:0;
		width:100%;
		}
		
		
		/* landing page h1 */	
	
		.introduction .front-page-main-message h1 {
		font-size:2.3em;
		line-height:1.2em
		}
					
		.fin {
		height:200px;
		min-height:200px;
		max-height:200px;
		}	
					
		.bool{
		height:200px;
		background: url("https://www.compersnews.com/sites/all/themes/compersnews/img/cn-002b-mobile.jpg") repeat-x;
		background-size:contain !important;
		animation: none;
		}	
	
		/* Trustpilot logo */
		
		.trustpilot-logo-container {display:none;}
		
		/* Front page Jumbotron */
		
		.front .jumbotron {
		margin-top:220px;
		width:100% !important;
		padding:10px !important;
		height:auto !important;
		min-height:260px !important;
		max-height:350px !important;
		}
		
		.trustpilot-rating {font-size:0.7em !important;}
		
		.front .jumbotron .frontpage{
		width:99%;
		margin-left:10px;
		}
		
		
		body.front .main-container {
		margin-top:40px !important;
		}
		
		body.front.not-logged-in .main-container {
		margin-top:160px !important;
		margin-bottom:20px !important;
		}
		


		/* Digital magazines */
		
			.main-container {
			width:95% !important;
			}
			
			.page-members-digital-magazine .view-digital-editions-archive  .view-header {
			width:auto !important;
			}
			
			.page-members-digital-magazine .view-digital-editions-archive  .view-filters {
			padding:20px 20px 0px !important;
			}

		/* In-house competitions */
	
			.page-members-competitions .main-container .view-competition-form-archive .view-footer .col-sm-4 img {
			margin:10px 0 !important;
			width:100%;
			max-width:300px;
			}
			
			.view-competition-form-archive .views-row {width:95%;		
			min-height: 20px;
			padding: 19px;
			margin-bottom: 20px;
			margin-right: 20px;
			background-color: #f5f5f5;
			border: 1px solid #e3e3e3;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
			}

			
				
		.row {
		padding-left:0px;
		padding-right:0px;
		}
		
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		.well,
		blockquote,
		.panel {
		margin-left:20px !important;
		margin-right:20px !important;
		}
		
		
		.benefits h3 {
		margin-left:0px !important;
		margin-right:0px !important;			
		}
	
		p .btn,
		h2 .btn,
		h3 .btn {
		margin-bottom:10px;
		}
		
		.fixed-ctas {
		display:none;
		}
		
		.jumbotron h1 {
			font-size:2.5em !important;	
		}
		
		.jumbotron .col-sm-5 {
			width:100%;
		}
		
		.introduction,
		.introduction section {
			min-height:auto;
		}
		
		.introduction .front-page-main-message h4 {
			display: none !important;
		}
		
		.wins .col-sm-5.well:first-child,
		.wins .col-sm-5.well:first-child ul {
			margin-bottom:0;
			padding-bottom:0;
		}
		
		.wins .col-sm-5 ul.tick-small {
		margin-left:40px;
		}
		
		.btn {
			display:block !important;
			width:100% !important;
		}
		
		.issuuembed {
			min-height:500px;
			padding-left:0 !important;
			padding-right:0 !important;
			width:100% !important;
		} 
		
/*
		.ways-to-join h2 {
			line-height:1.5em;
		}
*/
		
		.ways-to-join h2 a.btn{
		margin-left:auto;
		margin-right:auto;
		max-width:280px;
		}
		
		
		.hide-xs {
			display:none !important;
		}
						
/*
		.footer br {
			display:none;
		}	
*/
				
		.contact p,
		.contact li {
			text-align: left;
			line-height:1.8em !important;
			font-size:1.3em !important;

		}
		
		.contact p a  {
			display:block;
			width:100%;			
			font-size:1.3em !important;

		}	
		
		.contact .col-xs-12 {
		border-bottom:1px solid #555;
		margin-bottom:10px;
		padding-bottom:10px;
		}

		
		.contact ul.footer-links {
			margin-left:20px;
		}
		
		.contact ul.footer-links li{
			font-size:1.2em !important;
		}
		
		.contact img {
			width:70%;
			display: block;
			float:none;
			margin:10px auto !important;
		}
		
		.benefits .community-benefits h3,
		.benefits .magazine-benefits h3 {
			padding-left:30px;
			margin-top:20px;
		}
		
		.benefits .community-benefits p,
		.benefits .magazine-benefits p {
		margin-left:-20px !important;
		margin-right:0px !important;
		}
		
		.benefits .community-benefits,
		.benefits .magazine-benefits {
		padding-left:0;
		padding-right:0;
		}
		
		.benefits .community-benefits ul,
		.benefits .magazine-benefits ul {
			margin:0 0 0 40px !important;
		}
				
		.anatomy-of-a-listing {	
		background:#fff;
		}
		
		.anatomy-of-a-listing .listings h3,
		.anatomy-of-a-listing .issuu h1 {
		color:var(--mauve);
		}
		
		.anatomy-of-a-listing .col-sm-6:first-child {
		padding:0;
		}
		
		.ways-to-join {
			display:none;
		padding-bottom:15px !important;
		}	
		
		/* Ways to join bar */
	
		.ways-to-join {
		bottom:auto;	
		position:relative;
		}
				
		.logo img {
		width:250px;
		margin:12px 0 0 0;
		}
		
		.footer .logo  {
		float:none !important;
		margin:0 auto !important;
		}
	
		#navbar ul {
		width:100% !important;
		float:none;
		}	
		
		ul.dropdown-menu {
		position:relative;
		}	
		
		.dropdown:hover ul.dropdown-menu {
		margin-left:0px !important;
		z-index:99999;
		}
				
		#navbar-collapse {
		padding-right:0px;
		}

		.navbar-header {
			padding-right:0 !important;
			margin-right:0 !important;
			width:100% !important;
		}
		
		.col-sm-12 {
		padding-right:0;
		width:100%;
		}
		.navbar-toggle {margin-top:25px;}
		
		#admin-menu {display:none;}
		
		figure img {
		max-width:100%;
		}
				
		div.edgar-wallace {
		background:var(--lightlightmauve);
		float:none;
		margin:10px 0 10px 10px;
		padding:10px;
		width:100%;
		}
		
		
		/* Digital Magazine index */
		
		table.views-view-grid {
		width:100%;
		}
		
		
		table.views-view-grid td{
		display:block;
		width:100%;
		}
				

		.view-digital-editions-archive .views-field-field-thumbnail .field-content img {width:60%;margin:0 auto;}
		
		.view-digital-editions-archive .views-field-title .field-content {
		text-align:center;
		}
		
		
		.view-digital-editions-archive td {text-align:center;}
		
		.view-digital-editions-archive .views-field-field-view-online,
		.view-digital-editions-archive .views-field-nothing-1,
		.view-digital-editions-archive .views-field-view-node{
		position:relative;
		display:inline-block;
		width:40%;
		margin:10px auto;
		}
		
		.view-digital-editions-archive .views-field-field-featured-inside .field-content ul {
		width:70%;
		display:block;
		margin:10px auto;
		}
		
		.view-digital-editions-archive .views-field-field-featured-inside .field-content ul li {
		text-align:left;
		}

		.view-digital-editions-archive .view-filters {
		display:block;
		width:70% !important;
		float:none !important;
		margin:20px auto !important;
		background:#f5f5f5;
		padding:5px 20px;
		clear:both;
		}
		
		
		
		
		/* new digital magazine styles */
		

.col-1,
.col-2,
.col-3,
.col-4 {
margin:40px 0 0;
}

.view-digital-editions-archive .views-view-grid .views-field-field-thumbnail {
width:35%;
float:left;
margin:0 10px 0 0 !important;
padding-bottom:0 !important;
}

.view-digital-editions-archive .views-field-field-thumbnail .field-content img {
width:100%;
}

.view-digital-editions-archive .col-1 .views-field-field-featured-inside,
.view-digital-editions-archive .col-3 .views-field-field-featured-inside {
width:55%;
float:right;
position:relative;
margin-left:0;
}

.view-digital-editions-archive .col-2 .views-field-field-featured-inside,
.view-digital-editions-archive .col-4 .views-field-field-featured-inside {
width:55%;
float:right;
position:relative;
}

.view-digital-editions-archive .views-field-field-featured-inside .field-content {
width:75%;
margin:0 auto;
}

.view-digital-editions-archive .views-field-field-featured-inside .field-content ul {
width:100%;
float:none;
position:relative;
}

.views-field-nothing {
clear:both;
height:1px;
}


		
		/* end of new digital magazine styles */
		
		
		
		
		/* Express */

			body.page-express .views-view-grid .views-label {
			font-weight:bold;
			display:block;
			width:100%;
			vertical-align:top;
			}
			
			body.page-express .views-view-grid .field-content {
			display:block;
			width:100%;
			}
						
			body.page-express .view-compers-news-express .views-view-grid .views-field .views-label,
			body.page-express .view-compers-news-express .views-view-grid .views-field .field-content {
				font-size:18px !important;
				padding-left:10px !important;
				max-width:90% !important;
				min-width:90% !important;
			}	
			
			body.page-express .view-compers-news-express .views-view-grid .views-field-field-comps-entered,
			body.page-express .view-compers-news-express .views-view-grid .views-field-field-express-category {
			font-size:12px !important;
			}			
			
			body.page-express .view-compers-news-express .views-view-grid .views-field-title .field-content {
				font-size:25px !important;
			}		

			body.page-express .view-compers-news-express .views-view-grid .views-field .views-label {
				margin-top:5px;
			}
			
			/* Express Index */
			
				body.page-express-index .new-competition {
				line-height:30px;	
				}
			
				.views-widget-sort-order,
				.views-widget-sort-by,
				#edit-field-express-category-tid-1--2-wrapper,
				#edit-field-express-category-tid-wrapper,
				#edit-keys-wrapper {
				display:block !important;
				width:100% !important;
				min-width:100% !important;
				margin:0 !important;
				padding:0 !important;
				}
				
				.views-widget-sort-order select,
				.views-widget-sort-by select,
				#edit-field-express-category-tid-1--2-wrapper label,
				#edit-field-express-category-tid-wrapper label,
				#edit-keys-wrapper input {
				display:block !important;
				width:100% !important;
				min-width:100% !important;
				font-size:20px !important;;
				}
				
				#edit-field-express-category-tid-1--2-wrapper #edit-field-express-category-tid-1--2,
				#edit-field-express-category-tid-wrapper #edit-field-express-category-tid {
				outline:1px solid #ccc;
				padding:12px 0 8px !important;
				}
								
				#edit-field-express-category-tid-1--2-wrapper #edit-field-express-category-tid-1--2 {
				margin:0 0 20px !important;
				}
				
				/* Added 23-Jul-25 */
				#views-exposed-form-compers-news-express-page select {
				padding:20px 10px;
				}
				
				/* Added 23-Jul-25 */
				#views-exposed-form-compers-news-express-page .views-widget-sort-by {
				padding-top:20px !important;
				}


		/* Windex */
	
			body.page-windex {
			background:#eda0aa;
			}
			
			body.page-windex h1 {
			border:none;
			color: #fff;
			font-size:3em;
			}
				
			body.page-windex .view-filters {
			width:95%;
			margin:20px;
			}
	
			body.page-windex .views-row *{
			padding:0 !important;	
			width:100%;	
			margin:0 0 2px !important;
			}
			
			body.page-windex .views-row .field-name-field-keyword .field-item a{
			padding:5px 15px !important;
			margin-right:10px !important;
			margin-bottom:10px !important;
			}
			
			body.page-windex .views-row .field-name-field-winning-slogan  .field-item,
			body.page-windex .views-row .field-name-field-slogan  .field-item {
			padding:5px 10px !important;
			}

}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	
	
.view-digital-editions-archive .views-field-field-featured-inside .field-content {
width:100% !important;
margin:0;
}

	.view-digital-editions-archive .col-1 .views-field-field-featured-inside,
	.view-digital-editions-archive .col-3 .views-field-field-featured-inside {
	width:100% !important;
	float:none !important;
	margin-left:0;
	}
	
	.view-digital-editions-archive .col-2 .views-field-field-featured-inside,
	.view-digital-editions-archive .col-4 .views-field-field-featured-inside {
	width:100% !important;
	float:none !important;
	}
	
	body.page-members-digital-magazine .view-digital-editions-archive .views-field-field-featured-inside {
	width:100% !important;
	}

}


/* This media query increases the width breakpoint where the navbar becomes a button */

@media (max-width: 1250px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  
  button.navbar-toggle  {
	margin:20px;
  }
  
  .fb-page {width:100%;}
  
	/* mobonly */
		.mobonly {display:block;}
  
}


@media(min-width:768px){
	
	.hide-sm-above {
		display:none !important;
	}
	
}

@media(min-width:992px){	
}

@media(max-width:1200px){
}

@media(max-width:1100px){
	.plus {margin:50px 0 35px ;}						
}

@media(min-width:1100px){
	.hide-md-above {display:none;}	
}

@media only screen 
and (max-width : 700px) {
	
		#navbar-collapse ul.navbar-nav a {
			color:#111 !important;	
		}
		
		#navbar-collapse ul.navbar-nav li.login-link a,
		#navbar-collapse ul.navbar-nav li.my-membership > a,
		#navbar-collapse ul.navbar-nav li.last > a,
		#navbar-collapse ul.navbar-nav li:last-child > ul li:last-child a {
		background:var(--mauve) !important;
		color:#111 !important;
		}
		
		#navbar #logo {
		display:block !important;
		width:100% !important;
		max-width:100% !important;
		min-width:100% !important;
		margin-bottom:0 !important;
		padding-bottom:0 !important;
		}
		
		#navbar #logo img{
		display:block !important;
		margin:0 auto !important;
		}
		
		#navbar #thirty-day-count-header {
		padding-top:0px;
		padding-bottom:0px;
		}
						
		#navbar #thirty-day-count-header .thirty_day_express_count h3,						
		#navbar #thirty-day-count-header .thirty_day_express_count p {
		text-align:left;
		margin:0 0px 0 30px !important;
		width:auto !important;
		font-size:1.9em		
		}
		
		#navbar #thirty-day-count-header .thirty_day_express_count p {
		font-size:0.9em	;	
		}
	
}