/*--- Style for Listen2MyApp ---*/

/*----- Fonts -----*/
@font-face {
    font-family: 'montserratregular';
    src: url('../../../fonts/fonts/new-fonts/montserrat-regular/montserrat-regular-webfont.eot');
    src: url('../../../fonts/fonts/new-fonts/montserrat-regular/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/fonts/new-fonts/montserrat-regular/montserrat-regular-webfont.woff2') format('woff2'),
         url('../../../fonts/fonts/new-fonts/montserrat-regular/montserrat-regular-webfont.woff') format('woff'),
         url('../../../fonts/fonts/new-fonts/montserrat-regular/montserrat-regular-webfont.ttf') format('truetype'),
         url('../../../fonts/fonts/new-fonts/montserrat-regular/montserrat-regular-webfont.svg#montserratregular') format('svg');
    	 font-weight: normal;
    	 font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('../../../fonts/fonts/new-fonts/montserrat-bold/montserrat-bold-webfont.eot');
    src: url('../../../fonts/fonts/new-fonts/montserrat-bold/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/fonts/new-fonts/montserrat-bold/montserrat-bold-webfont.woff2') format('woff2'),
         url('../../../fonts/fonts/new-fonts/montserrat-bold/montserrat-bold-webfont.woff') format('woff'),
         url('../../../fonts/fonts/new-fonts/montserrat-bold/montserrat-bold-webfont.ttf') format('truetype'),
         url('../../../fonts/fonts/new-fonts/montserrat-bold/montserrat-bold-webfont.svg#montserratbold') format('svg');
    	 font-weight: normal;
    	 font-style: normal;
}

@font-face {
    font-family: 'robotoblack';
    src: url('../../../fonts/fonts/new-fonts/roboto-black/roboto-black-webfont.woff2') format('woff2'),
         url('../../../fonts/fonts/new-fonts/roboto-black/roboto-black-webfont.woff') format('woff');
    	 font-weight: normal;
    	 font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../../../fonts/fonts/new-fonts/roboto-medium/roboto-medium-webfont.woff2') format('woff2'),
         url('../../../fonts/fonts/new-fonts/roboto-medium/roboto-medium-webfont.woff') format('woff');
    	 font-weight: normal;
    	 font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeue';
	src: url('../../../fonts/fonts/new-fonts/helveticaneue/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  url('../../../fonts/fonts/new-fonts/helveticaneue/HelveticaNeue.woff') format('woff'), url('../../../fonts/fonts/new-fonts/helveticaneue/HelveticaNeue.ttf')  format('truetype'), url('../../../fonts/fonts/new-fonts/helveticaneue/HelveticaNeue.svg#HelveticaNeue') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeue-Bold';
	src: url('../../../fonts/fonts/new-fonts/helveticaneue-bold/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),  url('../../../fonts/fonts/new-fonts/helveticaneue-bold/HelveticaNeue-Bold.woff') format('woff'), url('../../../fonts/fonts/new-fonts/helveticaneue-bold/HelveticaNeue-Bold.ttf')  format('truetype'), url('../../../fonts/fonts/new-fonts/helveticaneue-bold/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*----- Fonts end -----*/

/*----- reset css -----*/
input[type='submit'], input[type='button'], input[type='date'], input[type='text'], input[type='email'], input[type='tel'], input[type='password'], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	background: #ffffff;
	color: #616d77;
	font-family: 'HelveticaNeue';
	font-size: 14px;
	line-height: 1.428571429;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul#menu, ul#menu li, ul#menu li a {
  transition: none  !important;
}

a {
	color: #a0b8c5;
	outline: none;
	transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-webkit-transition: all 300ms linear 0s;
	-ms-transition: all 300ms linear 0s;
}
a:focus, a:hover, a {
	text-decoration: none;
	outline: none;
	outline: 0;
}
a:focus, a:hover {
	color: #0488d0;
}
p {
	line-height: 1.5;
	color: #616d77;
	font-family: 'HelveticaNeue';
	font-size:18px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-top: 20px;
	font-family: 'Montserrat';
	color: #222c36;
	line-height:1.1;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 18px;
}
ul, ol {
  list-style-position: outside;
  margin: 0 0 0 20px;
  padding: 0;
}
ul li, ol li {
	/* padding: 4px 0; */
}
img {
	max-width: 100%;
	height: auto;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], input[type="date"], textarea, select, .form-control {
	border: 1px solid #dadada;
	border-radius: 6px;
	box-shadow: none;
	font-size: 18px;
	color: #616d77;
	font-family: 'HelveticaNeue';
	width:100%;
	box-shadow: 0 0 4px #cecece inset;
	padding: 8px 12px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus, select:focus, .form-control:focus {
  border-color: #cecece;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], input[type="date"], select, .form-control {
	height: 50px;
}
textarea {
	height: 100px;
	resize: none;
}
input[type="submit"], input[type="button"], .button, input[type="reset"], button {
	background: #0e1317;
	border-radius: 3px;
	box-shadow: none;
	color: #ffffff;
	display: inline-block;
	font-family: 'Montserrat';
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1;
	padding: 15px 30px;
	text-transform: uppercase;
	transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-webkit-transition: all 300ms linear 0s;
	-ms-transition: all 300ms linear 0s;
}

input[type="submit"]:focus, input[type="button"]:focus, .button:focus, input[type="reset"]:focus, button:focus {
	background: #0e1317;
	color: #fff;
}
input[type="submit"]:hover, input[type="button"]:hover, .button:hover, input[type="reset"]:hover, button:hover {
	background: #0488d0;
	color: #fff;
}
.block-button {
	width:100%;
}
.overflow-wrapper {
	overflow: hidden;
}
label {
	font-weight:normal;
	font-family: 'HelveticaNeue';
	margin: 0 0 10px 0;
}
.no-gutter {
	padding: 0;	
}
*{
	outline:none;
}
.white-text{
	color:#fff;
}
.dark-bg{
  background: #222c36;
}
/*----- Reset CSS Closed -----*/

#top-header {
	padding-top: 20px;
}
.mobile-devices-header {
  display: none;
}
.site-logo {
  margin: 12px 0 0;
}
#primary-menu {
  margin: 0;
  font-family: 'Montserrat';
  font-size: 13px;
  letter-spacing: 1px;
}
#primary-menu li {
	vertical-align: top;
	position:relative;
	overflow:hidden;
	margin: 0 0 0 22px;
	padding:0;
}
#primary-menu li:first-child {
	margin: 0;
}
#primary-menu li a {
	display: block;
	padding: 20px 0 30px;
	color: #a0b8c5;
	border-bottom:5px solid transparent;
}
#primary-menu li.current-menu-item a, #primary-menu li:hover a {
	border-bottom:5px solid #222c36;
}
#primary-menu li.has-dropdown > a {
	padding: 20px 20px 30px 0;
}
#primary-menu li.has-dropdown > a::before {
  content: "\f107";
  font-family: "fontawesome";
  font-size: 15px;
  position: absolute;
  right: 0;
  top: 20px;
  line-height: 1.2;
}
#primary-menu li.new-menu-item > a:after {
	content:"New";
	position:absolute;
	left:0;
	top:0;
	font-size:7px;
	border-radius:20px;
	padding: 4px 6px;
	background: #ff3600;
	color: #fff;
	line-height: 1.2;
}
#primary-menu li .sub-menu {
	display:block;
	position:absolute;
	left:0;
	top:200px;
	width:220px;
	background: #222c36;
	opacity:0;
	margin:0;
	z-index:5;
	border:1px solid #a0b8c5;
	border-top: none;
	transition: all 200ms linear 0s;
	-o-transition: all 200ms linear 0s;
	-moz-transition: all 200ms linear 0s;
	-webkit-transition: all 200ms linear 0s;
	-ms-transition: all 200ms linear 0s;
}
#primary-menu li .sub-menu li {
	display: block;
	border-top:1px solid #a0b8c5;
	margin: 0;
}
#primary-menu li .sub-menu li:first-child {
	border-top: none;
}
#primary-menu li .sub-menu li a {
	padding: 8px 15px;
	border:none;
}
#primary-menu li .sub-menu li a:hover {
	background: #0488D0;
	color: #fff;
}
#primary-menu li:hover {
	overflow:visible;
}
#primary-menu li:hover .sub-menu {
	top:100%;
	opacity:1;
}

.social-icons {
  margin: 10px 0 0 0;
}
.social-icons ul {
  margin: 0;
}
.social-icons ul li {
  margin: 0 0 0 10px;
  padding:0;
}
.social-icons ul li:first-child {
  margin: 0;
}
.social-icons ul li a {
  border: 2px solid #d1eafa;
  border-radius: 100%;
  display: block;
  height: 38px;
  padding: 3px 2px;
  text-align: center;
  width: 38px;
}
.social-icons ul li a:hover {
  background: #d1eafa;
}
.fb-icon a, .fb-icon {
	color: #3b5998;
}
.twitter-icon a, .twitter-icon {
	color: #55acee;	
}
.gplus-icon a, .gplus-icon{
	color: #dc4f42;
}
.youtube-icon a, .youtube-icon {
	color: #cd201f;
}
.soundcloud-icon a, .soundcloud-icon {
	color: #ff8800;
}


#page-title {
	padding: 30px 0;
}
#page-title h1 {
	line-height:1.2;
	margin:0;
	font-size:24px;
	letter-spacing: 2px;
}

#banner {
	background-size: cover;
	padding: 35px 0 0;
}
.tv-app-banner {
	background:url(../../img/new-images/banner-bg.png) no-repeat center top;
}
.banner-content-wrapper {
  position: relative;
}
.banner-content {
	padding-bottom: 100px;
	padding-top: 15px;
}
.tv-app-banner .banner-content {
	background: url("../../img/new-images/tv-app-mobile.png") no-repeat right 200%;
	padding-bottom: 100px;
	padding-top: 15px;
	transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-webkit-transition: all 300ms linear 0s;
	-ms-transition: all 300ms linear 0s;
}
#banner.tv-app-banner.loaded .banner-content {
	background-position: right bottom;
}
#banner p, #banner h2 {
	color: #fff;
}
#banner h2 {
	font-size:40px;
	font-family: 'montserratregular';
}
#banner h2 img {
  display: inline-block;
  margin: 12px 5px 0;
  vertical-align: top;
  border-radius:3px;
}
#banner h2 span {
	font-family: 'Montserrat';
}
#banner p {
	color: #cae4ff;
	font-family: "HelveticaNeue";
	letter-spacing: 1px;
	margin: 0 0 55px;
}
#banner .button:hover {
  background: #ffffff;
  color: #0488d0;
}
.banner-main-img {
	position: absolute;
	transition: all 800ms linear 0s;
	-o-transition: all 800ms linear 0s;
	-moz-transition: all 800ms linear 0s;
	-webkit-transition: all 800ms linear 0s;
	-ms-transition: all 800ms linear 0s;
}
.tv-app-banner .banner-main-img {
	bottom: -104px;
	right: -25px;
}

#unique-features-section {
  background: #ebedee;
  padding-top: 45px;
}
.section-title {
  margin: 0 0 30px 0;
}
.section-title h3 img {
  display: inline-block;
  margin: 4px 5px 0;
  vertical-align: top;
}
.unique-feature-block {
  margin: 45px 0 0;
}
.unique-feature-block:first-child {
  margin: 0;
}
.first-feature .feature-content {
  padding-top: 8px;
}
.second-feature .feature-content {
  padding-top: 25px;
}
.third-feature .feature-content {
  padding-left: 30px;
  padding-top: 45px;
}
.unique-feature-block h4 {
  line-height: 1.3;
  margin: 0 0 8px 0;
}
.unique-feature-block h4 span.title-icon {
  display: inline-block;
  line-height: 1.3;
  vertical-align: top;
}
.unique-feature-block.second-feature h4 span.title-icon {
	padding-top: 10px;
}
.third-feature .feature-content h4 img {
  display: inline-block;
  margin: 4px 0 0;
  vertical-align: top;
}
.first-feature .feature-content p {
	line-height: 1.2;
}

#live-streaming-vod {
  padding: 85px 0;
  background: #222c36;
}
.video-slider {
  margin: 0 auto 75px;
  overflow: hidden;
  width: 68%;
}
#vod-slider {
  margin: 0;
}
#vod-slider li iframe {
	width: 675px;
	height: 380px;
}
#vod-slider .slick-dots, #event-slider .slick-dots {
	margin: 25px 0 0 0;
}
#vod-slider .slick-dots li, #event-slider .slick-dots li {
	display:inline-block;
	margin: 0 8px 0;
	padding:0;
}
#vod-slider .slick-dots li button, #event-slider .slick-dots li button {
  background: none;
  border: 2px solid #38424c;
  border-radius: 100%;
  display: inline-block;
  height: 15px;
  padding: 0;
  text-indent: -5000px;
  width: 15px;
}
#vod-slider .slick-dots li.slick-active button, #vod-slider .slick-dots li button:hover, #event-slider .slick-dots li.slick-active button, #event-slider .slick-dots li button:hover {
	border: 2px solid #fff;
	background: #fff;
}
.live-streaming-vod-content h5 {
	letter-spacing:1px;
}
.live-streaming-vod-content h5 img {
	display:inline-block;
	vertical-align:top;
	margin: 0 10px 0 0;
}
.live-streaming-vod-content p {
	color: #656a6f;
}

#notifications-section {
  background: #0f85c7;
  padding: 40px 0 0;
}
.notification-content {
  margin: 0 0 50px;
}
#notifications-section h5, #notifications-section p {
	color: #fff;
}
#notifications-section h5 {
	letter-spacing: 1px;
}
#notifications-section h5 img {
	display:inline-block;
	vertical-align: top;
	margin: 2px 8px 0 0;
}
#notifications-section p span {
	display:block;
}


#order-now-section {
  padding: 60px 0;
}
#sitemap-copyright {
  background: #ebedee;
  padding: 30px 0;
}
.sitemap {
  font-size: 13px;
  margin: 0 0 15px 0;
  font-family: 'robotomedium';
  text-transform:capitalize;
}
.sitemap li {
	padding:0;
	margin:0 0 0 25px;
}
.sitemap li:first-child {
	margin: 0;
}
.sitemap li a {
	color: #000000;
	border-bottom:1px solid transparent;
}
.sitemap li.current-menu-item a, .sitemap li a:hover {
	border-bottom: 1px solid #000000;
}

.copyright {
	font-size: 12px;
	font-family: 'montserratregular';
	color: #9a9fa2;
	margin: 0;
}


/*-----------------------------------
------------- Music APP -------------
-----------------------------------*/
.music-app-banner {
	background:url(/assets/custom/img/new-images/music-app-banner.png) no-repeat center top;
}
.music-app-banner .banner-main-img div:first-child {
  margin: 0 0 3px 0;
}
.music-app-banner .banner-main-img img {
  float: left;
  transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-webkit-transition: all 300ms linear 0s;
	-ms-transition: all 300ms linear 0s;
}
.music-app-banner .banner-main-img img:hover {
  -ms-transform: scale(1.08); /* IE 9 */
    -webkit-transform: scale(1.08); /* Safari */
    transform: scale(1.08);
}
.music-app-banner .banner-main-img img:first-child {
  margin: 0 3px 0 0;
}
.music-app-banner .banner-main-img {
  bottom: -25px;
  right: 0;
}

#create-events-section {
  background: #222c36;
  padding: 50px 0;
}
#create-events-section h5 span {
  color: #0488d0;
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  margin: 0 5px 0 0;
  vertical-align: top;
}
#create-events-section p span {
	display: block;
}
#manage-playlist-section {
  background: #ebedee;
  padding: 50px 0 0 0;
}
.playlist-section-content {
  margin: 0 0 50px;
  padding: 0 16%;
}
.playlist-section-content h5 img {
	display: inline-block;
	margin: 2px 5px 0 0;
	vertical-align: top;
}

#fanzone-section {
  padding: 50px 0 0;
  background: #222c36;
}

.fanzone-content {
	margin: 0 0 35px 0;
}
.fanzone-content h5 {
  letter-spacing: 1px;
  margin: 0 0 20px;
}
.fanzone-content h5 img {
  margin: 0 8px 0 0;
}
.fanzone-content {
  margin: 0 0 40px;
  padding: 0 30%;
}

#social-sharing-section {
  background: #ebedee;
  padding: 50px 0;
}
#social-sharing-section h5 {
	margin: 0 0 20px 0;
}
#social-sharing-section h5 img {
	margin: 0 8px 0 0;
	display:inline-block;
	vertical-align: top;
}
#social-sharing-section ul li {
	margin: 0 15px 5px;
	line-height: 1;
	vertical-align:middle;
}
#social-sharing-section p {
  font-size: 22px;
}
.events-slider-wrapper {
  margin: 70px 0 0 0;
  position: relative;
}
.cascade-slider_nav {
  /*bottom: -50px;*/
  margin: 0;
  position: absolute;
  width: 90%;
  z-index: 5;
}

.cascade-slider_dot {
 background: #ffffff;
  border: 2px solid #cae4ff;
  border-radius: 100%;
    height: 0.8em;
  margin: 0 5px;
  width: 0.8em;
}
.cascade-slider_dot.cur, .cascade-slider_dot:hover {
   background: #0588d0;
  border: 2px solid #0588d0;
}

.cascade-slider_item .slide-wrap {
  height: 488px;
  position: relative;
  width: 274px;
  transform-style: preserve-3d;
  perspective:488px;
}
.cascade-slider_item .slide-wrap img {
	left:0;
	top:0;
}
.cascade-slider_item.next .slide-wrap, .cascade-slider_item.prev .slide-wrap {
  height: 488px;
  width: 274px;
  perspective:488px;
}
.cascade-slider_item img {
	position: absolute;
  transition: all 800ms linear 0s;
	-o-transition: all 800ms linear 0s;
	-moz-transition: all 800ms linear 0s;
	-webkit-transition: all 800ms linear 0s;
	-ms-transition: all 800ms linear 0s;
	
	-ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
	opacity:1;
}
.cascade-slider_item.next .slide-wrap img {
  display: block;
  position: absolute;
  -ms-transform: rotateY(-45deg);
    -webkit-transform: rotateY(-45deg);
    transform: rotateY(-45deg);
	opacity:0.5;
}
.cascade-slider_item.prev .slide-wrap img {
  display: block;
  position: absolute;
  -ms-transform: rotateY(45deg);
    -webkit-transform: rotateY(45deg);
    transform: rotateY(45deg);
	opacity:0.5;
}


/*------------------------------
--------- Features page --------
------------------------------*/
#design-customization-section {
  padding: 65px 0 50px;
}
#design-customization-section h3 {
  margin: 0 0 45px;
}
#design-customization-section h3 img {
  margin: 0 5px 0 0;
}
#design-customization-section .cascade-slider_dot{
  background: #ffffff;
  border: 2px solid #cae4ff;
}
#design-customization-section .cascade-slider_dot.cur, #design-customization-section .cascade-slider_dot:hover {
  background: #0588d0;
  border: 2px solid #0588d0;
}
#design-customization-section .cascade-slider_nav {
  bottom: -65px;
}
.design-customization-content {
  padding: 0 27%;
}
#social-media-section {
  background: #0588d0;
  padding: 50px 0 0;
}
#social-media-section h3, #social-media-section h5, #social-media-section h6 {
	color: #fff;
}
#social-media-section p {
	color: #cae4ff;
}
#social-media-section h3{
	/* margin: 0 0 35px 0; */
}
#social-media-section h3 img {
	margin: 3px 8px 0 0;
	display:inline-block;
	vertical-align:top;
}
.social-media-features {
  margin: 0 0 35px;
}
.social-feature {
  margin: 15px 0 0;
}
.social-feature:first-child {
  margin: 0;
}
#tools-updates-section {
  padding: 65px 0;
}
#tools-updates-section h3 {
	margin: 0 0 35px 0;
}
#tools-updates-section h3 img {
	margin: 0 8px 0 0;
}
.tool-radio-update-block {
  margin: 15px 0 0;
}
.tool-radio-update-block:first-child {
  margin: 0;
}
.radio-updates {
  margin: 0 0 35px;
}

#control-panel-section {
  background: #0588d0;
  padding: 65px 0;
}
#control-panel-section h3, #control-panel-section h5, #control-panel-section h6 {
	color: #fff;
}
#control-panel-section p {
	color: #cae4ff;
}
#control-panel-section h3{
	margin: 0 0 35px 0;
}
#control-panel-section h3 img {
	margin: 4px 8px 0 0;
	display:inline-block;
	vertical-align:top;
}
.control-panel-feature {
  margin: 20px 0 0;
}
.control-panel-feature:first-child {
  margin: 0;
}
.statistics-section {
  margin: 0 0 45px;
}
#support-section {
  padding: 50px 0;
}
#support-section h3 {
	margin: 0 0 35px 0;
}
#support-section h3 img {
	margin: 2px 8px 0 0;
	display:inline-block;
	vertical-align:top;
}
.support-features {
  margin: 15px 0 0;
}
.support-features:first-child {
  margin: 0;
}

.half-content-section .col-md-6 .inner-content-block {
  padding: 0 0 0 25px;
}
.half-content-section .col-md-6:first-child .inner-content-block{
  padding: 0 25px 0 0;
}


@media only screen and (max-width: 1199px) {
#primary-menu li {
  margin: 0 0 0 12px;
}

#banner.tv-app-banner.loaded .banner-content {
  background-position: 92% bottom;
  padding-right:30px;
}
#create-events-section {
  overflow: hidden;
}
.cascade-slider_container {
  max-width: 100%;
}
.music-app-banner .banner-main-img {
  bottom: -18px;
}
#order-now-section {
  padding: 40px 0;
}
.design-customization-content {
  padding: 0 15%;
}
.fanzone-content {
  padding: 0 18%;
}
#banner h2 img {
  margin: 15px 5px 0;
  width: 50px;
}
.tv-app-banner .banner-main-img img {
	max-width: 100%;
}
.tv-app-banner .banner-content {
  padding-bottom: 75px;
}
#banner p {
  margin: 0 0 30px;
}
.tv-app-banner .banner-main-img {
  bottom: -100px;
  right: -25px;
  width: 50%;
}
}

@media only screen and (max-width: 991px) {
.mobile-devices-header {
  display: block;
}
.large-screen-header {
  display: none;
}
#top-header {
  padding-top: 15px;
}
#primary-menu li .sub-menu {
  left: auto;
  right: 0;
  width: 165px;
}
.social-icons {
  margin: 0 0 15px;
}
#primary-menu li.has-dropdown > a {
  padding: 20px 20px 20px 0;
}
#primary-menu li a {
  padding: 20px 0;
}
/*#banner.tv-app-banner.loaded .banner-content {
  background: none;
  padding-right: 15px;
}
#banner.tv-app-banner.loaded .banner-main-img {
  display: none;
}
.tv-app-banner {
  background: url("images/tv-app-banner.png") no-repeat center top;
}*/
p, body {
  font-size: 16px;
}
#banner p {
  margin: 0 0 30px;
}
#banner.tv-app-banner.loaded .banner-main-img {
  width: 320px;
}
.tv-app-banner .banner-main-img {
  bottom: -70px;
  right: -20px;
}
.tv-app-banner .banner-content {
  padding-bottom: 62px;
  background-position: 88% 230%;
}
#banner {
  padding: 20px 0 0;
}
#banner.tv-app-banner.loaded .banner-content {
  background-position: 88% bottom;
  background-size: 150px auto;
  padding-right: 30px;
  padding-top: 0;
}
#banner p, #banner h2 {
  line-height: 1.2;
}
#banner h2 {
  font-size: 35px;
}
#banner h2 img {
  margin: 2px 5px 0;
}
.unique-feature-block h4 {
  font-size: 20px;
}
.first-feature .feature-content, .second-feature .feature-content, .third-feature .feature-content {
  padding-top: 0;
}
.video-slider {
  width: 93%;
}
.third-feature .feature-content h4 img {
  margin: 0;
}
#order-now-section {
  padding: 40px 0;
}
#primary-menu li {
  margin: 0 0 0 15px;
}
/*----- Jan-3-2017 -----*/
#social-media-section .inner-content-block, #tools-updates-section .inner-content-block, #control-panel-section .inner-content-block, #support-section .inner-content-block{
  margin: 0 0 25px;
}
.half-content-section .col-md-6:first-child .inner-content-block, .half-content-section .col-md-6 .inner-content-block{
  padding: 0 20px;
}
.control-panel-feature, .support-features, .social-feature, .tool-radio-update-block {
  margin: 0 0 0;
}
#manage-playlist-section .featured-box:last-child {
	margin-bottom: 0;
}
#social-sharing-section p {
  font-size: 20px;
}
#social-sharing-section ul li {
  margin: 0 5px 5px;
}
.half-content-section .col-md-6:first-child .inner-content-block, .half-content-section .col-md-6 .inner-content-block {
  padding: 0;
}
.design-customization-content {
  padding: 0;
}
.banner-content {
  padding-bottom: 55px;
}
.music-app-banner .banner-main-img img {
  width: 115px;
}
#banner.tv-app-banner.loaded .banner-content, #banner.tv-app-banner .banner-content {
  background-position: 86% bottom;
}
}


@media only screen and (max-width: 767px) {
#banner.tv-app-banner.loaded .banner-content, #banner.tv-app-banner .banner-content {
  background-position: 87% bottom;
  width: 62%;
}
.tv-app-banner .banner-main-img {
  bottom: -70px;
  right: 0;
}
#unique-features-section {
  text-align: center;
  padding: 50px 0 35px;
}
.feature-img img {
	display:inline-block;
}
.unique-feature-block.second-feature h4 span.title-icon {
  padding-top: 0;
}
#live-streaming-vod {
  padding: 50px 0;
}
.video-slider {
  width: 95%;
}
.live-stream-details {
  margin: 30px 0 0;
}
.live-stream-details:first-child {
  margin: 0;
}
.video-slider {
  margin: 0 auto 40px;
}
.container {
  width: auto;
}
#banner h2 {
  font-size: 30px;
}
#banner.music-app-banner h2 img {
  height: auto;
  margin: 4px 5px 0;
  width: 90px;
}
.music-app-banner .banner-content {
  padding-bottom: 60px;
}
.fanzone-content {
  padding: 0 10%;
}
.playlist-section-content {
  padding: 0;
}
.unique-feature-block .feature-img {
  float: none !important;
  margin: 0 0 20px;
  text-align: center;
}
.unique-feature-block .feature-img img {
	max-width: 50%;
}
#banner.music-app-banner h2 img {
  height: auto;
  margin: 4px 5px 0;
  width: 90px;
}
}

@media only screen and (max-width: 735px) {
#banner.tv-app-banner.loaded .banner-content, #banner.tv-app-banner .banner-content {
  background-position: 88% bottom;
  background-size: 130px auto;
  width: 58%;
  padding-bottom: 50px;
}	
#banner.tv-app-banner.loaded .banner-main-img, #banner.tv-app-banner .banner-main-img {
  width: 300px;
  bottom: -66px;
  right: -8px;
}
.video-slider {
  width: 100%;
}
.cascade-slider_item.next {
  left: 54%;
}
.cascade-slider_item.prev {
  left: 46%;
}
#design-customization-section .cascade-slider_item.next{
	left:58%;
}
#design-customization-section .cascade-slider_item.prev {
	left: 42%;
}
.cascade-slider_item .slide-wrap img {
  height: auto;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 250px;
}
.fanzone-content {
  padding: 0;
}
.unique-feature-block.second-feature h4 span, .unique-feature-block.second-feature h4 img {
  display: none;
}
.playlist-section-content h5 img {
  display: none;
}
#vod-slider li iframe {
  height: 380px;
  width: 700px;
}
#main-site-header .social_icon {
  margin: 15px 0 0 0 !important;
}
#main-site-header .nav {
  float: left;
  padding: 0 10px 0 0 !important;
}
ul#menu li, ul#menu ul.sub-menu li {
  padding: 5px;
}
.unique-feature-block .feature-img img {
  max-width: 38%;
}
}

@media only screen and (max-width: 666px) {
#banner.tv-app-banner .banner-content, #banner.tv-app-banner.loaded .banner-content {
  background: none;
  float: none;
  margin: 0 0 20px;
  padding-bottom: 0;
  text-align: center;
  width: auto;
}
#banner.tv-app-banner .banner-main-img, #banner.tv-app-banner.loaded .banner-main-img {
  bottom: 0;
  margin: 0 0 -65px;
  opacity: 1;
  position: relative;
  right: auto;
  text-align: center;
  width: auto;
}
#banner.tv-app-banner .banner-main-img img {
  width: 290px;
}
#unique-features-section {
  padding: 70px 0 35px;
}
.unique-feature-block h4 span.title-icon {
	display: none;
}
#vod-slider li iframe {
  height: 342px;
  width: 610px;
}
#manage-playlist-section .featured-box img {
  max-width: 50%;
}
.music-app-banner .banner-content {
  padding-bottom: 60px;
  width: 62%;
}
#banner.music-app-banner h2 {
  font-size: 28px;
}
#banner.music-app-banner h2 img {
  width: 80px;
}
#social-sharing-section p {
  font-size: 16px;
}
#manage-playlist-section .featured-box img {
  max-width: 80%;
}
.cascade-slider_nav {
  bottom: -30px;
}
.events-slider-wrapper {
  margin: 0 0 70px;
}
#main-site-header .nav {
  float: none;
  padding: 0;
  text-align: center;
  width: auto;
}
#main-site-header .social_icon {
  float: none !important;
  margin: 10px 0 10px;
  padding: 0;
  text-align: center;
}
ul#menu li a {
  padding-bottom: 8px;
}
#main-site-header .social_icon {
  margin: 15px 0 10px 0 !important;
}
}

@media only screen and (max-width: 639px) {
.mobile-devices-header .site-logo {
  display: none;
}
.site-logo {
	margin: 0;
}
.large-screen-header .social-icons, .large-screen-header .site-navigation {
	display: none;
}
.large-screen-header {
  display: block;
  margin: 0 0 20px;
  text-align: center;
}
.social-icons {
  text-align: center;
}
.mobile-devices-header .site-navigation {
  float: none;
  text-align: center;
  width: auto;
}
#vod-slider li iframe {
  height: 302px;
  width: 538px;
}
#primary-menu li .sub-menu {
  text-align: left;
  width: 135px;
}

/*---- Jan-3-2017 -----*/
.playlist-section-content, .fanzone-content{
	padding: 0 5%;
}
.banner-content-wrapper .banner-content {
  text-align: center;
}
.banner-content {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 50px;
}
.design-customization-content {
  padding: 0 5%;
}
.music-app-banner .banner-content {
  padding: 0;
  width: auto;
}
#banner.music-app-banner {
  padding: 20px 0 25px;
}
.music-app-banner .banner-main-img {
  display: none;
}
.music-app-banner .banner-main-img div {
  display: inline-block;
  margin: 0 !important;
  vertical-align: top;
}
.cascade-slider_item .slide-wrap img {
  height: auto;
  width: 100%;
}
.cascade-slider_item .slide-wrap, .cascade-slider_item.next .slide-wrap, .cascade-slider_item.prev .slide-wrap {
  height: 412px;
  perspective: 412px;
  width: 230px;
}
#manage-playlist-section .featured-box img {
  max-width: 90%;
}
#design-customization-section .cascade-slider_item.next{
	left:55%;
}
#design-customization-section .cascade-slider_item.prev {
	left: 45%;
}
#design-customization-section .cascade-slider_container {
  height: 415px;
}
#design-customization-section .cascade-slider_nav {
  bottom: -45px;
}
}

@media only screen and (max-width: 600px) {
#vod-slider li iframe {
  height: 315px;
  width: 570px;
}	
.unique-feature-block .feature-img img {
  max-width: 40%;
}
}


@media only screen and (max-width: 567px) {
#banner.tv-app-banner .banner-main-img, #banner.tv-app-banner.loaded .banner-main-img {
  display: none;
}
#vod-slider li iframe {
  height: 245px;
  width: 450px;
}
#primary-menu li .sub-menu {
  font-size: 12px;
}
.cascade-slider_item .slide-wrap, .cascade-slider_item.next .slide-wrap, .cascade-slider_item.prev .slide-wrap {
  height: 342px;
  perspective: 342px;
  width: 190px;
}
.cascade-slider_container {
  height: 365px;
}
.cascade-slider_nav {
  bottom: -38px;
}
#design-customization-section .cascade-slider_container {
  height: 350px;
}
#design-customization-section h3 img {
  display: none;
}
#design-customization-section {
  padding: 40px 0;
}
}

@media only screen and (max-width: 479px) {
#primary-menu li.current-menu-item a, #primary-menu li:hover a {
  border-bottom: 3px solid #222c36;
}
#primary-menu li a {
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
#primary-menu li.has-dropdown > a {
  padding: 20px 20px 15px 0;
}
#primary-menu li a {
  padding: 20px 0 15px;
}
#banner h2 {
  font-size: 28px;
}
#banner h2 img {
  margin: 3px 5px 0;
  width: 45px;
}
#unique-features-section {
  padding: 35px 0;
}
#vod-slider li iframe {
  height: 215px;
  width: 385px;
}
.live-streaming-vod-content h5 img {
  display: none;
}
/*----- Jan-3-2017 -----*/
#design-customization-section h3, #social-media-section h3, #tools-updates-section h3, #control-panel-section h3, #support-section h3{
	font-size: 18px;
	margin: 0 0 20px;
}
/*#social-media-section .inner-content-block p, #tools-updates-section .inner-content-block p, #control-panel-section .inner-content-block p, #support-section .inner-content-block p{
	text-align: justify;
}*/
#tools-updates-section, #control-panel-section, #support-section{
	padding: 45px 0;
}
#social-media-section{
	padding: 45px 0 0 0;
}
.music-app-banner .banner-main-img {
  display: none;
}
#banner.music-app-banner {
  padding: 25px 0;
}
.cascade-slider_item .slide-wrap, .cascade-slider_item.next .slide-wrap, .cascade-slider_item.prev .slide-wrap {
  height: 310px;
  perspective: 310px;
  width: 165px;
}
#main-site-header .nav {
  padding: 0 !important;
}
ul#menu > li {
  padding: 0 5px;
  margin: 5px 0;
}
ul#menu li a {
  margin: 0;
  padding-bottom: 5px;
}
#main-site-header .nav {
  margin: 15px 0 0;
}
ul#menu ul.sub-menu li {
  display: block;
}
#design-customization-section .cascade-slider_container {
  height: 290px;
}
}

@media only screen and (max-width: 413px) {
.unique-feature-block h4 {
  font-size: 18px;
}
#primary-menu li.new-menu-item > a::after {
  display: none;
}
#primary-menu li.has-dropdown > a {
  padding: 10px 20px 12px 0;
}
#primary-menu li a {
  padding: 10px 0 12px;
}
#primary-menu li.has-dropdown > a::before {
  top: 10px;
}
#primary-menu li .sub-menu {
  top: 80px;
}
#notifications-section h5 img {
	display: none;
}
.sitemap li {
  margin: 0 0 0 10px;
}
#vod-slider li iframe {
  height: 196px;
  width: 350px;
}
.live-streaming-vod-content h5 {
  font-size: 16px;
}
#unique-features-section h3 {
  font-size: 20px;
}
.section-title h3 img {
  margin: 0 5px;
}
#notifications-section img {
  max-width: 65%;
}
.playlist-section-content, .fanzone-content {
  padding: 0 1%;
}
#social-sharing-section ul li {
  margin: 0 2px 5px;
}
.cascade-slider_item .slide-wrap, .cascade-slider_item.next .slide-wrap, .cascade-slider_item.prev .slide-wrap {
  height: 280px;
  perspective: 280px;
  width: 150px;
}
.cascade-slider_container {
  height: 310px;
}
#order-now-section {
  padding: 25px 0;
}
.support-features h6 {
  font-size: 16px;
  margin: 0 0 5px;
}
#support-section h3 img {
  margin: 0 8px 0 0;
}
#control-panel-section h6, .tool-radio-update-block h6 {
  font-size: 16px;
}
}

@media only screen and (max-width: 374px) {
#vod-slider li iframe {
  height: 180px;
  width: 330px;
}
}

@media only screen and (max-width: 359px) {
#banner h2 {
  font-size: 22px;
}
#banner h2 img {
  margin: 2px 5px 0;
  width: 40px;
}
#vod-slider li iframe {
  height: 162px;
  width: 290px;
}
#notifications-section h5 {
  font-size: 18px;
}
#order-now-section {
  padding: 30px 0;
}
#social-sharing-section ul li {
  margin: 0 20px 5px;
}
#banner.music-app-banner h2 {
  font-size: 22px;
}
#banner.music-app-banner h2 img {
  width: 65px;
  margin: 4px 3px 0;
}
.unique-feature-block h4 {
  font-size: 16px;
}
.create-events-content h5 {
  font-size: 16px;
}
#create-events-section h5 span {
  display: none;
}
.cascade-slider_item .slide-wrap, .cascade-slider_item.next .slide-wrap, .cascade-slider_item.prev .slide-wrap {
  height: 215px;
  perspective: 215px;
  width: 120px;
}
.cascade-slider_container {
  height: 240px;
}
#manage-playlist-section {
  padding: 30px 0 0;
}
#manage-playlist-section h5 {
  font-size: 17px;
}
#design-customization-section .cascade-slider_container {
  height: 240px;
}
}