@media
only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 640px) and (min-moz-device-pixel-ratio: 1.5),
only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
	
	.col-900.festivals-carousel,
  .col-900.home-carousel {
		height: 370px;
		width: 300px !important;
		margin: auto;
		overflow: hidden;
	}
	.festivals-container section#content-container {
		margin: 0;
	}
	.carousel-nav ul li.carousel-item a.carousel-item-link {
		position: relative;
		bottom: 0;	
		padding: 0 6px 0 0;
		overflow: hidden;
		width: 100px;
	}
	
	.festivals-carousel .carousel-nav {
		float: none;	
		width: 100%;
		margin: 0;	
	}
	
	.carousel-nav ul li.carousel-item {		
		display: block;		
	}
	
	.carousel-nav ul li.carousel-item a.carousel-item-link {
		position: absolute;
		bottom: 0;
		width: 130px;
		height: 86px;
	}
	.carousel-nav ul li.carousel-item a.carousel-item-link span.visible-xs {
		overflow: hidden;
	}
	.carousel-nav ul li.carousel-item.active,
	.carousel-nav ul li.carousel-item.prev,
	.carousel-nav ul li.carousel-item.next {
		display: block;
	}
  .carousel-nav ul li.carousel-item.nextt {
    display: block;
  }

	.carousel-nav ul li.carousel-item.active a.carousel-item-link {
    opacity: 1;
		left: 89px;
	}
	.carousel-nav ul li.carousel-item.prev a.carousel-item-link {
    opacity: 0.5;
		left: -41px;
	}
  .carousel-nav ul li.carousel-item.prevv a.carousel-item-link {
    opacity: 0.5;
    left: -171px;
  }
	.carousel-nav ul li.carousel-item.next a.carousel-item-link {
    opacity: 0.5;
		left: 220px;
	}
  .carousel-nav ul li.carousel-item.nextt a.carousel-item-link {
    opacity: 0.5;
    left: 350px;
  }

  .carousel-nav ul li.carousel-item.inactive a.carousel-item-link {
    display: block;
    opacity: 0.5;
    left: 350px;
  }
	
	.carousel-detail .carousel-head {
		display: none;
	}
	
	.carousel-text a.carousel-excerpt {
		display: none;
	}
	
	li.carousel-item .carousel-detail {
		width: 100%;
		height: auto;
	}
	
	.carousel-text h1.carousel-headline,
  .home-carousel .carousel-text h1.carousel-headline {
		width: 100%;
		font-size: 18px;
		line-height: 20px;
		overflow: hidden;
		text-overflow:ellipsis;
	}
	
	.carousel-detail a.carousel-img {
		display: block;
		position: static;
		width: 100%;
		height: auto;
		text-align: center;
		background: #ffffff;
	}
	
	.carousel-detail a.carousel-img img {
		width: 300px !important;
		height: 200px !important;
		margin: auto;
	}
	
	.carousel-detail .carousel-text,
  .home-carousel .carousel-detail .carousel-text {
		height: auto;
	}
	
	.carousel-text h1.carousel-headline a {
		display: block;
		height: 60px;
	}
	.home-carousel li.carousel-item .carousel-detail {
    width: 100%;
    height: auto;
  }

	/*
	 * Festivals Landing page
	 */
	.visible-xs .festivals-masthead {
		height: 42px;
	}
    .visible-xs .festivals-masthead .partnership-logo {
		max-width: 30%;
		height: 40px;
	}
   .visible-xs .festivals-masthead h1 {
   		font-size: 14px;
   		line-height: 18px;
   }
   
   .visible-xs .festivals-masthead h1 strong {
   		font-size: 18px;
   }
   
   .visible-xs .festival-info {
   		font-size: 18px;
   }

   .event-min-height {
   		min-height: initial !important;
   }

   .festivals-container .col-300.venue-details {
   		min-height: initial;
   		width: 100% !important;
   }
   .festivals-container .venue-details .col-300 {
   		width: 100% !important;
   		min-height: initial;
   }

   .col-300 .advert {
   		width: 300px;
   		margin: auto;
   }

   .departure_board {
   		margin-top: 6px;
   }

   .festivals-container .h1-article {
   		font-family: "Open Sans";
   		font-size: 16px;

   }
   .festivals-container .post-categories {
   	width: 100%;
   	background: #e6e8ec;
   }
   .festivals-container .post-categories>:first-child,
   .festivals-container .post-categories>:first-child a {
   		color: #ffffff !important;
   		background: #0a224a !important;
   }
   .festivals-container .post-categories li,
   .festivals-container .post-categories li a
    {
   		color: #000000 !important;
   }
   .festivals-container .small-article.editorial-item {
   	background: #ffffff !important;
   }
    .festivals-container .small-article.editorial-item:hover {
    	background: #ffffff !important;
    }

    .teaser-article ul.event-head {
    	overflow: hidden;
    }

    .teaser-article ul li a {
    	padding-left: 0;
    }

    .teaser-article a.img {
    	float: right;
    }

    .teaser-article ul.event-head {
    	height: auto;
    }

    .teaser-article .event-title {
    	max-height: 38px;
    	height: auto;
    	min-height: 20px;
    }

    .teaser-article .event-title h3 {
    	display: inline;
    	font-size: 16px;
    	line-height: 20px;
    	max-height: 38px;
    	padding: 0;
    	font-weight: 600;
    }

    .teaser-article .event-description {
    	display: block;
    	text-decoration: none;
    	font-size: 12px;
    	color: #222222;
    	line-height: 16px;
    	max-height: 32px;
    	overflow: hidden;
    	padding-left: 6px;
    }

    .teaser-article .event-description p {
    	margin: 0;
    	padding: 0;
    	color: #666;
    }

    .teaser-article .festival {
    	padding-left: 6px;
    }
    .teaser-article .category {    	
    	line-height: 20px;
    }

    .festivals-container .teaser-article .event-venue {
    	padding-bottom: 3px;
    }
    .teaser-article .category a {
    	display: inline-block;
    }

    .teaser-article .festival a, .teaser-article .category a {
    	padding-left: 6px;
    	padding-right: 6px;
    	text-decoration: none;
    	font-size: 12px; 
    	line-height: 20px;    	
    }
    .teaser-article .festival a {
    	color: #0a224a;
    	line-height: 16px;
    	padding: 0;
    }
    .festivals-container .teaser-article .event-venue {
    	height: 19px;
    	min-height: 19px;
    }

    .teaser-article .event-dates a {
    	text-decoration: none;
    	color: #2C2C2C;
    	font-size: 14px;
    	padding-left: 6px;
    }

    .teaser-article {
    	height: auto;
    }

    #search-results .teaser-article .event-title {
      max-height: 37px;
    }

    #hbarSearchBtn {
    	font-family: "FontAwesome";
    	font-size: 24px;
    	line-height: 40px;
    	font-family: "FontAwesome";
      width: 44px;
      height: 44px;
      background: #11284f;
      color: #ffffff;
      border: none;
      overflow: hidden;
      vertical-align: middle;
      padding: 0;
      margin: 0;
      text-align: center;
    }    

    #search-loader-text {
      position: fixed;
      width: 100%;
      text-align: center; 
      left: 0;  
      z-index: 10001;
      top: 50%;
    }

  header.festivals-hbar {
      margin-top: 0;
    }

    .fest-search-results .error-msg {
      padding: 12px;
    }
    .fest-search-results .error-msg p {
      margin: 0;
    }
}

@media
only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3/2) and (orientation: landscape),
only screen and (max-width: 640px) and (min-moz-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) and (orientation: landscape) {

	/*
	 * Festivals Landing page
	 */
	.visible-xs .festivals-masthead {
		height: 48px;
	}    
   	.visible-xs .festivals-masthead .partnership-logo {
		max-width: 45%;
		height: 46px;
   	}
   	.visible-xs .festivals-masthead h1 {
   		font-size: 16px;
   		line-height: 20px;
   	}
   
   	.visible-xs .festivals-masthead h1 strong {
   		font-size: 20px;
   	}
   	.visible-xs .festival-info {
   		font-size: 20px;
   	}
}