@charset "UTF-8";

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}



/* ALL DEVICES*/
@media (min-width: 0px) and (max-width: 1023px) {

  #navbar {margin-top: 10px;clear:both;}

	.navbar-default {padding:5px!important;}
    .navbar-header {width:100%;}
    .navbar-brand {height:auto;}
    .navbar-toggle {
      display: block;
      margin-top:15px;
      margin-bottom: 0px;
      border:0px;
  	  padding:9px 0px 9px 10px;
  	  background:transparent!important;
    }
  .navbar-toggle:before {float:left;margin-left:-50px;position: relative;top:-2px;content: "Menu";font-weight: 500;text-transform: uppercase;}
	.navbar-toggle .icon-bar {widht:22px;transition: all 0.2s;}
	.navbar-toggle .icon-bar.top-bar {transform: rotate(45deg);transform-origin: 10% 10%;}
	.navbar-toggle .icon-bar.middle-bar {opacity: 0;}
	.navbar-toggle .icon-bar.bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90%;}
	.navbar-toggle.collapsed .top-bar {transform: rotate(0);}
	.navbar-toggle.collapsed .middle-bar {opacity: 1;}
	.navbar-toggle.collapsed .bottom-bar {transform: rotate(0);}
    .navbar-collapse {
      border-top: 1px solid transparent;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: left!important;
	  margin-top:10px!important;
      margin: 0px -15px;
    }
    .navbar-right {float:right!important;margin-top:20px!important;}
    .navbar-right li {margin-right:0px!important;}

    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding:10px 0px 10px 0px!important;
	  margin:0px!important;
    }
    .navbar-text {
      float: none;
      margin: 15px 0;
    }
        /* since 3.1.0 */
    .navbar-collapse.collapse.in {
      display: block!important;
    }
    .collapsing {
      overflow: hidden!important;
    }
    .navbar-default .navbar-nav>li>a {
      padding:13px 0px 10px 0px;
    }
    .navbar-right {text-align:left!important;}

    .navbar-default .navbar-nav>li>a:after {
      display:none;
    }
    .header .navbar-default .navbar-nav li:first-of-type a {margin-left: 10px;padding-left: 10px;}

    .header .row .col-md-2 {position: absolute;top:10px;z-index: 9999;}
    .header.affix {padding:5px 0px 5px 0px}
    .header.affix .navbar-brand {max-width: 70px;}

  	.sidebar {min-height:initial;}
    .juicy-tabs {max-height:initial;}

    .single .sticky-share {display:none;}

}



/* Landscape Tablet */
@media (min-width: 992px) and (max-width: 1199px) {

  .headline {padding-top:5px;}
  .header.affix {max-width:970px}

  .header .navbar-default .navbar-nav li a {margin:0px 6px 0px 6px;padding: 0px 5px 0px 5px;}
  .navbar-nav>li {float:left!important;margin: 0px;}
  .header .navbar-default .navbar-nav li a {margin:0px 5px 0px 5px;}
  .trending .fading {display:block;z-index: 1}
  .trending .fading.left {display:none;}

  .juicy-tabs ul li a {font-size:10px;padding-left:5px;padding-right:5px;}

  .posts.standard .post .image-size {
      max-height:160px;
	  overflow:hidden;
  }

  .posts.large .post .image-size {
      max-height:300px;
	  overflow:hidden;
  }

}



/* Portrait Tablet */
@media (min-width: 768px) and (max-width: 991px) {

  .spacer-sm {margin-bottom: 40px;}

  .no-left-padding {padding-left: 15px;}

  .wrapper {padding:0px 15px 0px 15px!important;}

  .headline {margin-bottom: 20px;padding:9px 20px 9px 20px}
  .header {padding: 0px;}
  .header-wrap {position: relative;}
  .header .row .col-md-2 {position: absolute;top:0px;z-index: 9999;}
  .header.affix .row .col-md-2 {position: absolute;top:9px;z-index: 9999;}
  .header #navbar {border:0px;padding:0px;}
  .header .navbar-header {float:none;}
  .header .navbar-toggle {margin:0px 0px 5px 0px;}
  .header .navbar-brand {display:block;max-width:70px;padding:0px 10px 10px 0px;}
  .header .navbar-default .navbar-nav li.dropdown .dropdown-menu {margin:0px 20px 15px 20px;}
  .header .navbar-default .navbar-nav li.dropdown .dropdown-menu span.caret {display: none;}
  .header .navbar-nav {float:none!important;margin:0px!important;}
  .header .navbar-nav>li {text-align: center;border-bottom: #DDD solid 1px;}
  .header .navbar-nav>li:first-of-type{border-top: #DDD solid 1px;}
  .header .navbar-nav>li:last-of-type, .header>.navbar-nav>li:last-of-type {border-bottom: 0px;}
  .header .navbar-right {float:none!important;margin-top:10px!important;}
  .header .navbar-right li {margin-right:0px!important;}
  .header .navbar-default .navbar-nav li.dropdown .dropdown-menu {margin-left:0px;margin-right:0px;}

  .header .navbar-default ul.navbar-nav {margin-top:10px;}
  .header .navbar-default .navbar-right li {display:none;}
  .header .navbar-default .navbar-right #search {display:block!important;width:100%;margin-top:10px;position:relative;opacity:1;}

  .header.affix {padding:15px 0px 5px 0px}
  .header.affix .navbar-brand {margin-left:20px;}
  .header.affix .navbar {padding:0px 20px 0px 20px!important;}

  .trending {margin-left:5px;margin-right: 5px;}
  .trending header {width:30%;}
  .trending nav {width:70%;}
  .trending .fading {display:block;z-index: 1}
  .trending .fading.left {display:none;}

  .top-area {padding:0px 5px 0px 5px;}
  .top-area .area1 {margin-bottom: 30px;}
  .top-area .area2, .top-area .area3 {margin-bottom: 0px;}

  .follow {margin:0px 5px 30px 5px}
  .follow .select-category a {font-size:14px;padding-left:15px;padding-right:15px;}

  .advert.large-leaderboard {margin:0px 5px 30px 5px}
  .advert.internal {margin-left: 5px;margin-right: 5px;}
  .advert.internal .title h4.bottom {margin-left: 32px;}

  .posts {margin-left:5px;margin-right:5px;}
  .posts.wide .post .meta {margin: 0px 20px 20px 20px;}
  .posts.looped, .posts.standard.looped .entry-row:last-of-type {margin-bottom: 0px;}

  .posts.large {margin-left:5px;margin-right:5px;}
  .posts.looped {margin-left:5px;margin-right:5px;}

  .posts.standard .post .image-size {
    max-height:182px;
	  overflow:hidden;
  }
  .posts.large .post .image-size {
    max-height:215px;
	  overflow:hidden;
  }

  .promotion {margin-left:5px;margin-right:5px;}
  .promotion.index {margin:0px 5px 30px 5px;}

  .section-title {padding-left:5px;padding-right:5px;}

  .pagination {margin:30px 0px 0px 0px;}
  .pagination.paged {margin-left:-20px;margin-right:-20px;}
  .pagination a {border:0px!important;}
  .pagination a.page, .pagination span.current {display:none;}

  .post-nav {margin:0px 5px 50px 5px}

  .single {margin:0px 5px 30px 5px;padding:0px;}

  .single .content-wrap .sidebar {float:none;margin-top:30px;max-width:100%}

}



/*  Mobile Portrait */
@media (max-width: 767px) {

  .spacer-xs {margin-bottom: 50px;}

  .header-wrap {min-height: 63px;}

  .header .navbar-default .navbar-nav li.browse.dropdown .dropdown-menu {min-width: 280px;}
  .header .navbar-default .navbar-nav li.browse.dropdown .dropdown-menu li a {font-size: 10px;}

  .text-left-xs {text-align: left!important;}

  .no-left-padding {padding-left: 15px;}

  .headline {margin-bottom: 0px;padding:9px 20px 9px 20px}
  .header {padding: 0px;margin-bottom: 0px;}
  .header #navbar {border:0px;}
  .header .navbar-toggle {margin:12px 10px 0px 0px;}
  .header .navbar-brand {display:block;max-width:70px;padding:5px 0px 5px 15px;}
  .header .navbar-default .navbar-nav li.dropdown .dropdown-menu {margin:0px 20px 15px 20px;}
  .header .navbar-default .navbar-nav li.dropdown .dropdown-menu span.caret {display: none;}
  .header .navbar-nav {float:none!important;margin:0px!important;}
  .header .navbar-nav>li {text-align: center;border-bottom: #DDD solid 1px;}
  .header .navbar-nav>li:first-of-type{border-top: #DDD solid 1px;}
  .header .navbar-nav>li:last-of-type, .header>.navbar-nav>li:last-of-type {border-bottom: 0px;}
  .header .navbar-right {float:none!important;margin-top:10px!important;}
  .header .navbar-right li {margin-right:0px!important;}
  .header .navbar-default .navbar-nav li.dropdown .dropdown-menu {margin-left:0px;margin-right:0px;}

  .header .navbar-default ul.navbar-nav {margin-top:10px;}
  .header .navbar-default .navbar-right li {display:none;}
  .header .navbar-default .navbar-right #search {display:block!important;width:100%;margin-top:10px;position:relative;opacity:1;}
  .header.affix .row .col-md-2 {top:9px}

  .trending {border-left: 0px;border-right: 0px;height: 46px;overflow: hidden;}
  .trending header {width:35%;}
  .trending nav {width:65%;height: 55px;}
  .trending .fading {display:block;z-index: 1}

  .top-area {margin: 0px;}
  .top-area .area1 {margin-bottom: 25px;}
  .top-area .area.area1 .caption .title h2 {font-size: 18px;}
  .top-area .area .caption .title {left:0px;bottom:-7px;}
  .top-area .area .caption .title h2 {font-size: 13px;}

  .follow {padding:0px;background:transparent;border:0px;}
  .follow .text-right {text-align: left;}
  .follow .social-networks .icons a {margin:0px 12px 0px 12px}
  .follow .select-category {width:100%}
  .follow .select-category a {font-size:14px;padding-left:11px;padding-right:11px;}
  .follow .select-category a.all-cat {width:20%}
  .follow .select-category a.music-cat {width:30%}
  .follow .select-category a.entertainment-cat {width:50%}

  .sidebar {padding:0px;background:transparent;text-align: center;}

  .promotion .mc-field-group .email {width:55%;}
  .promotion .mc-field-group .button {width:45%;}

  .posts .spacer-xs {margin-bottom:10px;}
  .posts .post {margin-bottom:0px;}
  .posts.standard {margin-bottom:0px;}
  .posts .entry-row {margin-bottom:0px;}
  .posts.wide .post .meta {margin: 0px 20px 20px 20px;}
  .posts.standard.looped {margin-bottom:0px;}
  .posts.standard.looped .advert.mpu {margin-bottom:40px;}
  .posts.large .spacer-xs:last-of-type {margin:0px;}

  .pagination {margin:0px;}
  .pagination.paged {margin-left:-20px;margin-right:-20px;}
  .pagination a {border:0px!important;}
  .pagination a.page, .pagination span.current {display:none;}

  .advert.internal .caption {padding:60px 20px 60px 20px;}
  .advert.internal .image {min-height: inherit;}
  .advert.internal .title h4 {margin:0px;}
  .advert.internal .title h4.bottom {margin:0px;}

  .footer-social {padding-left: 20px;padding-right: 20px;}
  .footer {padding-left: 20px;padding-right: 20px;}

  .single {margin:0px 20px 30px 20px;padding:0px;}

  .single .meta-comments {margin-bottom:20px;}
  .single .meta-comments span.number {top:0px;}
  .single .meta-comments span.tri {left:10px;-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0);}

  .single .title h1 {font-size: 30px!important;line-height: 40px;}
  .single .date {margin-top: 10px;}
  .single .meta-wrap .meta {margin-top:20px;line-height: 20px;}
  .single .content-wrap .sidebar {float:none;margin-top:30px;max-width:100%}

  .single .post-highlights {float:none;min-width:100%}

  .single .comments ol li>ul.children {margin-left:0px;padding-left:0px;}
  .single .comments ol li .comment-meta span {display:block;margin:10px 0px 0px 0px;}
  .single .comments ol.commentlist {margin-left:-20px;margin-right:-20px;}
  .single .comments ol.commentlist li {padding-left:20px;padding-right:20px;}
  .single .comments ol>li ul {background:#eee;padding-bottom: 10px;}
  .single .comments ol>li ul li ul {background:#ddd;}

  .section-title {font-size: 16px;}

  .social-networks .title {position: relative;top:-10px;}

  .single .comments ol li .comment-text a {word-wrap: break-word;}

  .footer-social .icons a {margin-left: 6px;margin-right: 6px;}

  .posts .post .meta, .posts .post .post-foot {margin-left:10px;margin-right: 10px;}
  .posts .post .entry {padding-left:10px;padding-right: 10px;}

	.follow {margin-bottom:10px;}

}

@media (max-width: 321px) {

  .follow .select-category a {font-size:13px;}

  .advert.footer-ad {margin-left: -20px;}

}