@import "http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,900|Roboto|Roboto+Condensed:400,300,300italic,400italic,700,700italic|Oswald";
#featured-shows {
    display: none
}

#cnAdvertisementLocation {
    height: 253px
}

.instagram-media.instagram-media-rendered {
    margin-bottom: 20px!important
}

body {
    margin: 0;
    position: relative;
    line-height: 1.2;
    color: #000
}

main {
    min-width: 1030px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px
}

header {
    background-color: #fff;
    top: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    z-index: 999
}

footer {
    background-color: #f7f7f7;
    border-top: solid 2px #f0f0f0;
    margin-top: 10px;
    width: 100%
}

footer .container {
    background-color: #f7f7f7
}

.viber {
    width: 20px;
    margin-bottom: 0
}

.container {
    width: 1020px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

#sticky-header {
    background-color: #f7f7f7;
    position: fixed;
    box-shadow: 0 0 10px #888
}

#sticky-header .navbar-header nav ul li {
    margin-right: 50px
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 998
}

#fb-modal {
    position: fixed;
    background-color: #f7f7f7;
    top: 90px;
    left: 33%;
    border-radius: 10px;
    padding: 8px;
    z-index: 9999;
    margin: 0 auto;
    width: 460px;
    height: 275px
}

#fb-login-field {
    padding: 0 25px
}

#fb-modal-close {
    cursor: pointer;
    top: 10px;
    right: 15px;
    position: absolute
}

#fb-login-img {
    margin: 25px 0;
    text-align: center
}

#fb-welcome {
    font-size: 16px;
    margin: 10px 0
}

#fb-user-pp {
    margin-top: 30px
}

.fb-user-pp {
    width: 22px
}

#fb-logout {
    font-size: 12px;
    margin: 10px 0;
    cursor: pointer
}

.fb-login-title {
    font-size: 18px;
    margin: 45px 0 0;
    text-align: center
}

.fb-login-like {
    margin-top: 8px;
    font-size: 16px;
    text-align: center
}

.fb-like {
    display: inline-block!important;
    width: 315px;
    margin-bottom: 10px
}

#cse-search-results iframe {
    width: 680px!important
}

.header-container {
    background-color: #f7f7f7;
    height: 90px
}

.footer-container {
    margin: 20px 130px 0
}

.header-logo {
    width: 60px;
    margin-top: 15px
}

.footer-logo {
    width: 80px;
    height: 80px
}

#yes-magazine-mobile {
    display: none
}

.yes-magazine {
    position: absolute;
    font-size: 15px;
    color: #282828;
    top: 10px;
    width: 200px;
    margin-left: 30px
}

.yes-magazine figure img {
    float: left;
    width: 54px;
    height: 70px;
    margin-right: 10px;
    box-shadow: 0 0 10px #888
}

.yes-magazine-label {
    margin: 15px 0 0
}

.yes-magazine-subscribe {
    font-size: 14px;
    color: #f73238;
    margin-top: -3px
}

.main-nav {
    margin-left: 100px;
    position: relative
}

.roundup-height {
    height: 100%
}

.roundup-large,
.roundup-small,
.just-in,
.sidebar-thumbnail {
    float: left;
    overflow: hidden;
    margin: 0;
    position: relative
}

.roundup-large {
    width: 677px;
    height: 380px
}

.roundup-large-layer {
    position: absolute;
    visibility: hidden;
    background-color: #000;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.roundup-large:hover .roundup-large-layer,
.roundup-small:hover .roundup-large-layer {
    visibility: visible;
    opacity: .5;
    transition: visibility 1s, opacity .35s linear
}

.roundup-small,
.just-in {
    width: 333px;
    height: 187px
}

.roundup-small.top-left {
    margin: 0 0 6px 10px
}

.roundup-small.bottom-left {
    margin: 0 0 0 10px
}

.roundup-small.bottom-mid {
    margin: 0 0 0 11px
}

.roundup-images-large,
.roundup-images-small,
.roundup-images,
.featured-image {
    width: 100%
}

.roundup-caption {
    z-index: 2;
    position: absolute;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000);
    background-image: -o-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background-image: gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)))
}

.roundup-caption.main {
    bottom: 0;
    width: 677px;
    font-size: 33px;
    padding-top: 20px
}

.roundup-caption.mini {
    bottom: 0;
    width: 333px
}

.roundup-caption p {
    margin: 10px 15px
}

.roundup-caption.mini p {
    font-size: 18px;
    letter-spacing: .5px;
    margin: 20px 15px 10px
}

.roundup-caption.main p:first-child {
    font-size: 33px
}

.roundup-article-blurb {
    font-size: 14px;
    font-weight: 100;
    color: #ccc;
    letter-spacing: .5px;
    line-height: 1.2;
    max-height: 33px;
    font-family: 'Roboto Condensed';
    font-weight: 100!important
}

.main-content {
    width: 680px;
    float: left;
    clear: left
}

.main-section-title,
.section-title {
    font-size: 34px;
    color: #e92028;
    margin: 30px 0 0;
    text-transform: uppercase
}

.section-title {
    margin: 15px 0 -6px
}

.news.section-title {
    font-size: 24px
}

.sw.section-title {
    margin-top: 0
}

.section-widget-left {
    float: left;
    width: 456px;
    margin-bottom: 20px
}

.section-widget-left figure,
.section-widget-right figure {
    position: relative
}

.section-widget-left figure {
    overflow: hidden;
    margin: 20px 10px 5px 0;
    width: 456px;
    height: 257px
}

.section-widget-right {
    float: left;
    width: 200px;
    margin: 10px 0 0 24px
}

.section-widget-right-top figure {
    height: 113px;
    background-color: #000;
    overflow: hidden;
    margin-top: 10px
}

.section-widget-right-bottom figure {
    height: 113px;
    background-color: #000;
    overflow: hidden;
    margin: 10px 0 0
}

.just-in {
    position: relative;
    margin: 20px 10px 20px 0
}

.story-list-section {
    color: #e92028;
    text-transform: uppercase
}

.article-details {
    float: left;
    width: 333px;
    margin-top: 22px
}

.article-title {
    font-size: 22px;
    margin: 3px 0 7px;
    max-height: 76px;
    overflow: hidden
}

.article-title:hover,
.news.article-excerpt:hover {
    color: #e92028
}

.article-timestamp,
.article-timestamp-large,
.follow-timestamp {
    font-size: 14px;
    color: #8e8e8e
}

.article-timestamp-large {
    margin: 0 0 0 5px
}

.title-large {
    font-size: 22px;
    margin: 7px 0 5px 5px;
    max-height: 128px
}

.title-small {
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: 5px;
    max-height: 58px;
    overflow-y: hidden;
    line-height: 1.2
}

.post-duration {
    font-size: 14px;
    color: #8e8e8e;
    margin: 0
}

#post-sharetoquote .pw-button .pw-icon {
    background-image: url(http://i.po.st/static/v3/img/set-24.png?27052015)!important;
    width: 24px!important;
    height: 24px!important
}

#post-sharetoquote .pw-size-medium .ra1-pw-icon-facebook {
    background-position: 0 -825px!important
}

#post-sharetoquote .pw-size-medium .ra1-pw-icon-twitter {
    background-position: 0 -200px!important
}

#post-sharetoquote .pw-size-medium .ra1-pw-icon-email {
    background-position: 0 -850px!important
}

#post-sharetoquote .pw-size-medium .ra1-pw-icon-more {
    background-position: 0 -500px!important
}

.share-news {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 295px;
    display: none
}

.just-in-layer-view span {
    text-align: center
}

.just-in-layer-view {
    z-index: 2;
    position: absolute;
    color: #fff;
    opacity: 1;
    top: 75px;
    left: 113px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    border: 1px solid #fff;
    display: none
}

.just-in-layer-view.index-hover {
    top: 55px;
    left: 63px
}

.just-in-layer {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    font-size: 15px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0
}

.just-in:hover a .just-in-layer,
.top-stories-img-placeholder:hover .just-in-layer,
figure:hover .just-in-layer,
figure a:hover .just-in-layer {
    visibility: visible;
    opacity: .5;
    transition: visibility 1s, opacity .35s linear
}

.just-in:hover .just-in-layer-view,
.top-stories-img-placeholder:hover .just-in-layer-view {
    display: block
}

.section-widget-right figure a:hover .icon-play.home-ptv-side,

/* .roundup-small:hover .hover-video,.roundup-small:hover .hover-podcast,.roundup-small:hover .hover-photo,.roundup-large:hover .hover-video,.roundup-large:hover .hover-podcast,.roundup-large:hover .hover-photo,*/

figure:hover .hover-video,
figure:hover .hover-podcast,
figure:hover .hover-photo {
    opacity: .8;
    z-index: 2
}

.hover-video,
.hover-podcast,
.hover-photo {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 15px;
    left: 15px;
    opacity: .4;
    transform: scale(0.6667);
    -ms-transform: scale(0.6667);
    -mos-transform: scale(0.6667);
    -webkit-transform: scale(0.6667);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -mos-transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.sidebar-thumbnail .hover-video,
.sidebar-thumbnail .hover-podcast,
.sidebar-thumbnail .hover-photo {
    top: 10px;
    left: 10px;
    transform: scale(0.4);
    -ms-transform: scale(0.4);
    -mos-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -mos-transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.roundup-large .hover-video,
.roundup-large .hover-podcast,
.roundup-large .hover-photo {
    transform: scale(1);
    -ms-transform: scale(1);
    -mos-transform: scale(1);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -mos-transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.hover-video {
    background-image: url(http://contents.pep.ph/res/img/playbtn.png)
}

.hover-podcast {
    background-image: url(http://dev.pep.ph/frontend/res/img/podcast_60.png)
}

.hover-photo {
    background-image: url(http://dev.pep.ph/frontend/res/img/gallery.png)
}

.share-news > a > .share-fb {
    padding: 5px 9px;
    border-radius: 7px;
    color: #fff;
    margin-bottom: 8px
}

.share-news > a > .share-tw {
    padding: 5px 7px;
    border-radius: 7px;
    color: #fff
}

.share-fb {
    background-color: #3b5998
}

.share-tw {
    background-color: #29c5f6
}

#article > .container > #sidebar {
    margin-top: 0
}

#static > .container > #sidebar,
#static > .container > .main-content > .entry-content {
    margin-top: 20px
}

#sidebar,
#sidebar-2 {
    float: right;
    width: 300px;
    margin-top: 36px;
    margin-left: 10px;
    position: relative
}

.sidebar-title {
    font-size: 20px;
    height: 69px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: 300;
    letter-spacing: 5px;
    margin: 0;
    text-transform: uppercase;
    position: relative
}

.sidebar-title p {
    padding: 22px 0;
    margin: 0
}

.sidebar-title p.video {
    padding: 23px 0;
    margin: 0
}

.sidebar-margin {
    margin: 15px 0
}

.sidebar-thumbnail {
    width: 116px;
    height: 65px;
    overflow: hidden;
    clear: left
}

.sidebar-thumbnail-text {
    margin: 0 10px;
    float: left;
    width: 164px;
    font-size: 16px;
    max-height: 58px;
    overflow: hidden
}

.most-read-number {
    font-size: 36px;
    width: 40px;
    float: left;
    margin-top: -5px;
    padding: 0 15px;
    text-align: center
}

.most-read-number p {
    margin: 0;
    color: #e92028;
    font-weight: 700
}

.pep-alerts-time {
    font-size: 36px;
    width: 40px;
    float: left;
    margin-top: -5px;
    text-align: center
}

.pep-alerts-time p:first-child {
    font-size: 36px;
    margin: 0
}

.pep-alerts-time p:last-child {
    font-size: 14px
}

.most-read-text {
    font-size: 16px;
    width: 240px;
    float: left;
    margin: 0 10px;
    font-weight: 100
}

.most-read-text p {
    margin: 0 0 0 10px
}

#more-posts,
#more-posts-2 {
    clear: both;
    height: 40px;
    background-color: #F2F2F2
}

#more-posts p,
#more-posts-2 p {
    text-align: center;
    font-size: 16px;
    color: #a2a2a2;
    padding: 8px 0;
    margin: 0
}

.search-close,
.user-login,
.user-search,
#more-posts p,
#more-posts-2 p {
    cursor: pointer
}

.search-area.sticky {
    width: 420px;
    padding: 0 35px 0 15px
}

.textbox {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none!important
}

.textbox.search,
.gsc-input input {
    width: 420px;
    border: solid #f0f0f0!important;
    height: 36px;
    font-style: italic;
    padding-left: 15px
}

.textbox.sticky {
    width: 420px
}

.textbox.original {
    width: 400px
}

.textbox.original,
.textbox.sticky {
    padding: 0 35px 0 15px;
    border-left: solid #f0f0f0!important;
    top: -6px;
    height: 36px;
    position: absolute;
    right: 0;
    background-image: none!important
}

.textbox.mobile,
.textbox.search {
    background-image: none!important
}

.search-close.sticky {
    right: 10px
}

.search-area {
    position: absolute;
    right: 0;
    border: 0;
    height: 36px;
    font-size: 16px;
    color: #000;
    font-style: italic;
    padding-left: 15px;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    top: 0
}

.search-close {
    position: absolute;
    right: 10px
}

#more-posts p span,
#more-posts-2 p span {
    color: #f73238;
    font-size: 16px
}

.more-pep-alerts {
    text-align: center;
    font-size: 16px;
    background-color: #eee;
    padding: 5px;
    margin: 0 0 20px
}

.section-header ul li:not(:nth-child(-n+2)) {
    font-size: 18px;
    padding-right: 20px;
    position: relative;
    top: -2px
}

.play .video-inset.icon-play {
    top: 115px
}

.video-dimension.inset {
    height: 362px
}

blockquote {
    padding: 20px;
    margin: 0 0 20px;
    font-size: 28px;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
    border-left: none
}

#article-body blockquote p {
    line-height: 30px
}

#article-body img {
    max-width: 100%
}

blockquote > p:last-child {
    margin: 0!important
}

#article-body {
    font-size: 16px;
    margin: 20px 0
}

#article-body p,
#article-body div {
    margin: 0 0 20px;
    line-height: 22px
}

#article-body p a {
    color: #337ab7
}

.article-category {
    font-size: 24px;
    color: #e92028;
    text-transform: uppercase
}

.entry-title {
    font-size: 35px;
    margin-top: 10px;
    line-height: 40px
}

.by-line {
    color: #666;
    font-size: 16px
}

.by-line strong {
    color: #000
}

.entry-content {
    margin-top: 25px
}

.article-image-caption {
    font-size: 14px;
    line-height: 1.3;
    color: #888;
    margin: 10px 10px 20px
}

.caption.article-image-caption,
.caption.video-image-caption {
    margin: 0;
    font-size: 14px;
    line-height: 1.3
}

.photo-byline {
    margin: 20px 0;
    font-size: 14px
}

.fs.article-image-caption {
    margin: 0;
    overflow: hidden;
    max-height: 52px
}

.box-header {
    background: #f9f9f9
}

.specials-list {
    position: relative
}

.specials-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.specials-list ul li {
    float: left
}

.specials-list ul li:nth-child(odd) {
    padding: 20px 20px 0
}

.specials-list ul li:nth-child(even) {
    padding: 20px 0 0 20px
}

.pw-button-counter {
    display: none!important
}

.share-icons.top .pw .ra1-pw-icon-facebook {
    background-position: 0 -52px!important;
    top: 0;
    left: 0
}

.share-icons.top .pw .ra1-pw-icon-twitter {
    background-position: -30px -52px!important;
    top: 0;
    left: 38px
}

.share-icons.top .pw .ra1-pw-icon-email {
    background-position: -60px -52px!important;
    top: 0;
    left: 76px
}

.share-icons.bottom .pw .ra1-pw-icon-facebook {
    background-position: 0 -52px!important;
    top: -5px;
    left: 150px
}

.share-icons.bottom .pw .ra1-pw-icon-twitter {
    background-position: -30px -52px!important;
    top: -5px;
    left: 188px
}

.share-icons.bottom .pw .ra1-pw-icon-email {
    background-position: -60px -52px!important;
    top: -5px;
    left: 226px
}

.share-icons.pa .pw-button .ra1-pw-icon-facebook {
    background-position: 0 -52px!important;
    top: 10px;
    right: 116px
}

.share-icons.pa .pw-button .ra1-pw-icon-twitter {
    background-position: -30px -52px!important;
    top: 10px;
    right: 111px
}

.share-icons.pa .pw-button .ra1-pw-icon-email {
    background-position: -60px -52px!important;
    top: 10px;
    right: 106px
}

.share-story {
    font-size: 18px;
    color: #6e6e6e
}

.share-icons {
    position: relative;
    list-style-type: none
}

.share-icons li {
    margin-left: 50px
}

.share-fb-large,
.share-tw-large,
.share-fb-small,
.share-tw-small,
.share-mail,
.to-comments,
.share-ig-large,
.share-yt-large,
.share-vb-large {
    background: url(http://contents.pep.ph/res/img/social-images-sprite-V2.png);
    position: absolute
}

.follow-us-bar,
.follow-update-down,
.user-login,
.user-search,
.caret-down {
    background: url(http://contents.pep.ph/res/img/extras.png);
    position: absolute
}

.user-login,
.user-search {
    width: 22px;
    height: 22px
}

.user-login {
    background-position: -153px -4px;
    top: 2px;
    right: 40px
}

.user-search {
    background-position: -174px -4px;
    top: 2px;
    right: 10px
}

.share-fb-large,
.share-tw-large,
.share-ig-large,
.share-yt-large,
.share-vb-large {
    width: 52px;
    height: 52px
}

.share-fb-small,
.share-tw-small,
.share-mail,
.to-comments {
    width: 30px;
    height: 30px
}

.follow-us-bar {
    width: 60px;
    height: 3px;
    top: 36px
}

.share-wc {
    display: none
}

.share-fb-small {
    background-position: 0 -52px
}

.share-tw-small {
    background-position: -30px -52px
}

.share-mail {
    background-position: -60px -52px
}

.to-comments {
    background-position: 0 -82px
}

.share-fb-small.top,
.share-tw-small.top,
.share-mail.top,
.to-comments.top {
    top: 0
}

.share-fb-small.bottom,
.share-tw-small.bottom,
.share-mail.bottom,
.to-comments.bottom {
    top: -5px
}

.share-fb-small.top {
    left: 0
}

.share-tw-small.top {
    left: 38px
}

.share-mail.top {
    left: 76px
}

.to-comments.top {
    left: 114px
}

.share-fb-small.bottom {
    left: 150px
}

.share-tw-small.bottom {
    left: 188px
}

.share-mail.bottom {
    left: 226px
}

.to-comments.bottom {
    left: 264px
}

.bottom-comment {
    border: 1px solid #727272;
    position: absolute;
    top: -5px;
    left: 263px;
    padding: 3px 7px;
    color: #727272;
    font-family: 'Roboto Condensed';
    font-weight: 700
}

.share-fb-large {
    background-position: 0 0
}

.share-tw-large {
    background-position: -52px 0
}

.share-ig-large {
    background-position: -104px 0
}

.share-yt-large {
    background-position: -156px 0
}

.share-vb-large {
    background-position: -208px 0
}

.follow-us-bar {
    background-position: -132px 0
}

#article-follow-us {
    margin-bottom: 80px;
    position: relative
}

#article-follow-us > .section-title {
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px
}

#article-follow-us hr:first-child {
    float: left
}

#article-follow-us hr:last-child {
    float: right
}

#article-crowdynews {
    width: 376px;
    margin: 20px 0
}

.article-separator {
    border: 2px solid #e9e9e9;
    margin: 50px 0 0
}

.article-mini {
    width: 210px;
    float: left;
    position: relative
}

.article-thumbnails {
    width: 210px;
    height: 117px;
    overflow: hidden;
    background-color: #000
}

.article-mini-details {
    height: 90px;
    border-bottom: 1px solid #e9e9e9
}

.article-mini-details,
.article-mini-details-2 {
    padding: 5px
}

.article-mini:first-child {
    margin-right: 25px
}

.article-mini:nth-child(3) {
    margin-left: 25px
}

.article-mini:nth-child(4) {
    display: none
}

.news.top-videos-widget .sidebar-margin:nth-child(8),
.news.top-videos-widget .sidebar-hr:nth-child(9),
.news.top-videos-widget .sidebar-margin:last-of-type,
.news.top-videos-widget .sidebar-hr:last-of-type,
.news.top-galleries-widget .sidebar-margin:nth-child(8),
.news.top-galleries-widget .sidebar-hr:nth-child(9),
.news.top-galleries-widget .sidebar-margin:last-of-type,
.news.top-galleries-widget .sidebar-hr:last-of-type {
    display: none
}

.article-excerpt {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 3px;
    max-height: 57px;
    overflow: hidden;
    letter-spacing: .5px
}

h3.section-title {
    font-size: 24px;
    margin: 20px 0
}

.follow-this-story {
    position: relative;
    width: 200px;
    height: 200px;
    float: left;
    color: #3b3b3b
}

.follow-this-story.show-small {
    display: none
}

.follow-this-timeline {
    width: 480px;
    float: left;
    clear: right
}

.follow-this-timeline-details {
    margin-left: 20px;
    margin-top: 20px;
    width: 448px
}

.follow-blurb {
    font-size: 14px;
    max-height: 33px;
    overflow: hidden;
    margin: 0;
    color: #3b3b3b
}

.follow-timestamp {
    margin: 0
}

.circle {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #555;
    float: left;
    margin: 23px 0 0
}

.vertical_dotted_line {
    border-left: 1px dotted #555;
    height: 50px;
    position: absolute;
    left: 5px;
    top: 38px;
    margin: 0
}

.follow-update {
    font-size: 16px;
    margin: 0
}

.follow-update-down {
    top: 25px;
    left: -5px;
    height: 12px;
    width: 20px;
    background-position: 140px -4px;
    background-color: #fff
}

.article-s2 {
    position: fixed;
    top: 0
}

#video-container,
#podcast-container {
    margin-top: 30px
}

.video-dimension {
    width: 680px;
    height: 383px;
    overflow: hidden
}

#podcast-container {
    position: relative
}

#podcast {
    position: absolute;
    width: 100%;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .5s linear;
    cursor: pointer
}

#podcast-container:hover #podcast {
    opacity: 1;
    visibility: visible;
    cursor: pointer
}

.play-podcast {
    position: absolute;
    cursor: pointer;
    top: 300px;
    left: 25px;
    width: 60px;
    opacity: .4
}

.play-podcast:hover {
    opacity: 1
}

.rel-pod.icon-play {
    position: absolute;
    top: 60px;
    width: 40px;
    left: 5px;
    opacity: .4
}

.top-stories-article {
    width: 240px;
    float: left;
    margin: 20px 20px 20px 0
}

.top-stories-article:last-of-type {
    margin: 20px 0
}

#sidebar.news-top-sidebar {
    margin-top: 20px
}

.news.just-in {
    width: 240px;
    height: 135px
}

.news.article-details {
    width: 430px
}

.news.article-title {
    font-size: 20px;
    letter-spacing: 0;
    max-height: 73px
}

.news-read-more {
    font-size: 14px
}

.top-stories-img-placeholder {
    width: 240px;
    height: 135px;
    background-color: #000;
    overflow: hidden;
    position: relative
}

.news.article-mini-details {
    border: none;
    margin: 0;
    height: auto
}

.news.article-excerpt {
    margin: 0;
    max-height: 62px;
    font-size: 18px
}

.section-header ul li:first-child a {
    color: #fff
}

.fs.mini-details {
    border: none;
    height: 154px;
    padding: 5px
}

.fs.article-excerpt {
    max-height: 40px
}

.fs.article-timestamp {
    height: 50px;
    margin: 0;
    overflow: hidden;
    color: #555
}

.buy-ticket {
    padding: 3px;
    font-size: 18px;
    width: 100%;
    background-color: #000;
    margin: 0 0 20px -5px;
    position: absolute;
    bottom: 0;
    color: #fff
}

.pep-alert {
    margin-top: 20px;
    font-size: 16px
}

.pa-hr {
    border-top: 5px solid #eee
}

.timestamp.pa {
    margin: 0 0 50px
}

.share-alert,
.pa-comments {
    font-size: 18px;
    color: #6e6e6e
}

.pa-comments {
    top: 25px
}

.share-alert {
    top: 2px;
    right: 125px;
    position: relative
}

.pa-comments {
    right: 20px;
    position: absolute;
    cursor: pointer
}

.pa-comments .pipeline {
    position: relative;
    top: -2px
}

.comment-icon {
    color: #6e6e6e;
    top: -8px;
    position: relative;
    font-size: 14px
}

#pep-alerts > .row:last-of-type .pa-hr {
    display: none
}

.about-us-page p {
    margin: 0 20px!important;
    font-size: 16px
}

.about-us-page h3 {
    margin: 20px 0;
    font-size: 16px
}

.pep-squad-img {
    width: 210px;
    height: 210px;
    background-color: red;
    border: solid 5px #bbb;
    margin: 20px 15px 20px 0;
    float: left
}

.pep-squad-picture {
    position: absolute;
    background: url(../img/pep-squad-pictures.png);
    width: 200px;
    height: 200px
}

.pep-squad-description {
    width: 450px;
    height: 200px;
    float: left;
    margin: 20px 0
}

.pep-squad-name {
    font-size: 24px;
    color: #e92028;
    font-weight: 700;
    margin: 4px 0
}

.pep-squad-title {
    font-size: 16px;
    margin-top: 0
}

.pep-squad-email,
.pep-squad-twitter,
.pep-squad-instagram {
    position: absolute;
    background: url(../img/pep-squad-socials.png);
    width: 18px;
    height: 18px
}

.pep-squad-social {
    position: relative
}

.pep-squad-social p {
    margin-left: 28px;
    font-size: 16px
}

.pep-squad-email {
    background-position: 0 0;
    height: 16px;
    top: 2px
}

.pep-squad-twitter {
    background-position: 0 -16px;
    top: 1px
}

.pep-squad-instagram {
    background-position: 0 18px;
    top: 1px
}

#article-sidebar-anchor-2,
#article-sidebar-anchor-3,
#article-sidebar-anchor-4 {
    display: none;
    position: absolute
}

@font-face {
    font-family: 'HelveticaLTStd-Cond';
    src: url(../fonts/HelveticaLTStd-Cond.otf)
}

@font-face {
    font-family: 'HelveticaNeueLTStd-BdCn';
    src: url(../fonts/HelveticaNeueLTStd-BdCn.otf)
}

@font-face {
    font-family: 'HelveticaNeueLTStd-MdCn';
    src: url(../fonts/HelveticaNeueLTStd-MdCn.otf)
}

@font-face {
    font-family: 'HelveticaNeueLTStd77Condensed';
    src: url(../fonts/HelveticaNeueLTStd-BdCn_0.otf)
}

@font-face {
    font-family: 'Source Sans Pro Light';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/SourceSansPro/SourceSansPro-Light.ttf)
}

@font-face {
    font-family: 'Source Sans Pro Regular';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/SourceSansPro/SourceSansPro-Regular.ttf)
}

@font-face {
    font-family: 'Source Sans Pro Bold';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/SourceSansPro/SourceSansPro-Bold.ttf)
}

@font-face {
    font-family: 'Source Sans Pro Semibold';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/SourceSansPro/SourceSansPro-Semibold.ttf)
}

.main-section-title,
.section-title,
.article-category,
.follow-this-story,
#yes-magazine-mobile {
    font-family: 'Roboto Condensed';
    font-weight: 700
}

.roundup-caption,
.most-read-number,
.roundup-blurb-large-xs,
.roundup-caption-xs,
.follow-blurb,
.news-read-more,
blockquote,
.footer-text,
.share-icons,
.photo-byline {
    font-family: 'Roboto Condensed';
    font-weight: 100
}

.article-timestamp,
.article-timestamp-large,
.article-title+p,

/* .most-read-text,*/

.pep-alerts-time p:last-child,
.by-line,
.follow-timestamp {
    font-family: 'Roboto Condensed';
    font-weight: 100
}

.share-story,
.pep-squad-title,
.pep-squad-social p,
.fb-login-title,
.roundup-caption.main p,
.yes-magazine-subscribe,
.yes-magazine,
.roundup-caption-large-xs,
.follow-update,
.fs.article-excerpt,
.article-excerpt,
.buy-ticket,
.section-header ul li,
.news.article-excerpt,
.article-title,
.most-read-text,
.most-read-text-p,
.sidebar-thumbnail-text,
.title-small,
.title-large,
.news.article-title,
.caption,
.pep-alert,
.share-alert,
.pa-comments,
.extra.footer.navbar-header nav ul li {
    font-family: 'Roboto Condensed';
    font-weight: 400
}

.article-image-caption,
#article-body,
.description,
.video-image-caption {
    font-family: 'Roboto', sans-serif
}

.fb-login-like,
.entry-title,
.by-line strong,
.by-line span strong,
.buy-ticket,
.section-header ul li:first-child,
.roundup-caption.main p:first-child,
.photo-byline span {
    font-family: 'Roboto Condensed';
    font-weight: 700
}

.about-us-page h3,
#more-posts,
#more-posts-2,
.navbar-header nav ul,
.footer.follow-us,
.header-menu,
.header-social,
.roundup-caption.mini p,
.just-in-layer-view,
.pep-alerts-time p:first-child,
.more-pep-alerts {
    font-family: 'Roboto Condensed';
    font-weight: 700
}

.search-area,
.textbox.search,
.gsc-input input {
    font-family: 'Source Sans Pro Light', sans-serif
}

.fb-login-like {
    font-family: 'Source Sans Pro Semibold'
}

.fb-login-title {
    font-family: 'Source Sans Pro'
}

.sidebar-title {
    font-family: 'Oswald', sans-serif
}

.navbar-header {
    border-top: solid 2px #f0f0f0;
    border-bottom: solid 2px #f0f0f0;
    height: 40px;
    float: none
}

.navbar-header nav ul {
    list-style-type: none;
    margin: 6px auto 0
}

.navbar-header nav ul li {
    float: left;
    margin-right: 45px
}

.navbar-header nav ul li:last-child {
    margin-right: 0;
    margin-top: -2px
}

.navbar-header nav ul li a {
    font-size: 22px
}

.navbar-header nav ul li a:hover {
    color: #e92028
}

.social-navigation {
    position: absolute;
    top: 35px;
    right: 30px
}

.social-navigation ul li a {
    padding: 0 8px
}

.social-navigation ul li a:hover {
    background-color: #f7f7f7
}

.social-navigation ul li a span {
    font-size: 20px
}

.footer.social-navigation ul li a span {
    font-size: 25px
}

.footer.social-navigation {
    right: 138px;
    top: 50px
}

.footer.follow-us {
    font-size: 20px;
    color: #282828;
    margin: 0 5px
}

.footer.navbar-header {
    border-top: none;
    border-bottom: none;
    margin: 20px 0;
    height: auto
}

.footer.main-nav {
    margin-left: -40px
}

.footer.navbar-header nav ul li {
    margin-right: 35px
}

.footer.navbar-header nav ul li a {
    font-size: 24px
}

.footer.navbar-header nav ul li:last-child,
.extra.footer.navbar-header nav ul li:last-child {
    margin-right: 0
}

.extra.footer.navbar-header {
    border-top: none;
    border-bottom: none;
    margin: 0 165px
}

.extra.footer.navbar-header nav ul li {
    margin-right: 22px
}

.extra.footer.navbar-header nav ul li a {
    font-size: 16px
}

.footer-text {
    margin-top: 10px;
    font-size: 16px
}

.fb-comments,
.fb-comments iframe[style],
.fb-comments span[style] {
    width: 100%!important
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 2;
    background-color: #777;
    color: #eee;
    width: 50px;
    height: 48px;
    line-height: 45px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.scroll-top-wrapper:hover {
    background-color: #888
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: .6;
    z-index: 100
}

.scroll-top-wrapper i.fa {
    line-height: inherit
}

a:link,
a:visited,
a:hover,
a:active {
    color: #000;
    text-decoration: none
}

hr {
    margin: 0
}

.row {
    margin-left: 0;
    margin-right: 0
}

.sidebar-hr {
    border-top: 1px dotted #eee
}

.text-center {
    text-align: center
}

.no-margin,
figure {
    margin: 0
}

.hidden {
    display: none
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.clear-both {
    clear: both
}

.wr-hr {
    margin-top: 20px
}

.full-width {
    width: 100%
}

.full-height {
    height: 100%;
    margin-left: -5%;
    width: auto
}

.visible-small {
    display: none
}

.red,
.section-header ul li .active {
    color: #ea2934
}

p,
.entry-title {
    word-wrap: break-word
}

.play {
    position: relative
}

.icon-play.home-ptv-side {
    position: absolute;
    width: 40px;
    left: 10px;
    opacity: .4;
    top: 5px
}

.rel-vid.icon-play {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 40px;
    opacity: .8
}

#video-image-placeholder {
    position: relative;
    cursor: pointer
}

.main-vid.icon-play {
    position: absolute;
    top: 300px;
    left: 20px;
    width: 60px;
    opacity: .7
}

.main-vid.icon-play:hover {
    opacity: .8
}

.play .icon-play {
    position: absolute;
    top: 12px;
    left: 10px;
    opacity: .4
}

.play .icon-play.video-page {
    top: 75px;
    left: 15px
}

.play:hover .icon-play {
    opacity: .8;
    z-index: 1
}

.description,
.caption {
    font-weight: 400;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.caption,
.byline,
.timestamp {
    margin-bottom: 16px;
    color: #666!important
}

.credit {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.image-gallery-wrapper {
    /*position: relative;*/
    min-height: 400px
}

.image-gallery-view {
    font-family: "Roboto Condensed";
    font-weight: 100;
    font-size: 18px;
    color: #000;
    float: right;
    text-transform: uppercase;
    margin-top: -10px
}

.image-gallery-view a {
    cursor: pointer;
    color: #a4a4a4
}

.image-gallery-view a.active {
    font-size: 19px;
    font-weight: 700;
    color: red
}

.photo-listing {
    /*position: relative*/
}

.photo-listing,
.photo-listing li {
    list-style: none;
    margin: 0;
    padding: 0
}

.photo-listing li {
    border-bottom: 1px solid #f2f2f2;
    padding: 36px 0 20px;
    width: 100%
}

.photo-listing li img {
    max-width: 100%!important;
    height: auto!important;
    margin: 0 auto
}

.photo-listing li:first-child {
    padding: 10px 0 20px
}

.photo-listing .image-number,
.photo-listing .toggle-caption {
    display: none
}

.photo-listing .image-number .fullsite {
    display: inline-block
}

.photo-listing .image-number .mobile {
    display: none
}

.photo-listing .toggle-caption {
    float: right;
    cursor: pointer;
    color: #000;
    font-size: 14px
}

.photo-listing .toggle-caption:hover {
    color: #999
}

.slideshow li {
    display: none;
    width: 100%
}

.slideshow li.active {
    display: block
}

.slideshow .image-number,
.slideshow .toggle-caption {
    display: block
}

.image-gallery-nav {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    display: block;
    width: 60px;
    height: 75px;
    z-index: 1;
    top: 150px;
    text-indent: -99999px;
    cursor: pointer
}

.image-gallery-nav:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

.image-gallery-nav.prev {
    left: 0;
    border-radius: 0 4px 4px 0
}

.image-gallery-nav.next {
    right: 0;
    border-radius: 4px 0 0 4px
}

.image-gallery-nav i {
    background: url(../img/gallery-arrow.png) no-repeat;
    width: 26px;
    height: 48px;
    display: block;
    margin: 12px auto 0
}

.image-gallery-nav.prev i {
    background-position: 0 0
}

.image-gallery-nav.next i {
    background-position: -27px 0
}

.photo-listing .toggle-caption i {
    background: url(../img/gallery-arrow-updown.jpg) no-repeat;
    width: 10px;
    height: 6px;
    display: inline-block;
    margin-top: -2px
}

.photo-listing .toggle-caption i.up {
    background-position: 0 0
}

.photo-listing .toggle-caption i.down {
    background-position: 0 -6px
}

.fb-comments {
    font-size: 16px;
    text-align: center;
    padding: 0 0 10px;
    color: #ccc
}

.latest-thumbnail-content {
    margin-right: -10px
}

.latest-thumbnail-content .article-mini {
    margin: 0 20px 0 0
}

.image-gallery-related-nav {
    background: url(../img/gallery-arrow-related.jpg) no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    text-indent: -9999px;
    position: absolute;
    top: 40px
}

.image-gallery-related-nav.prev-item {
    background-position: 0 0;
    left: 0
}

.image-gallery-related-nav.next-item {
    background-position: -19px 0;
    right: 0
}

.related-gallery {
    position: relative;
    min-height: 120px
}

.related-gallery .article-mini {
    margin: 0 0 15px 30px;
    width: 188px;
    display: none
}

.related-gallery .article-mini-details {
    border: none
}

.related-gallery .article-mini:nth-child(3),
.related-gallery .article-mini:nth-child(4),
.related-gallery .article-mini:nth-child(5) {
    display: block
}

.related-gallery .article-thumbnails {
    width: 188px;
    height: 106px
}

.gallery-inset {
    border: 1px solid #e9e9e9;
    margin-bottom: 16px
}

.gallery-inset .gallery-slide {
    padding: 18px 18px 10px;
    border-bottom: 1px solid #e9e9e9
}

.gallery-inset .gallery-thumb {
    position: relative;
    overflow: hidden
}

.gallery-inset .entry-title-inset {
    margin: 0 0 10px;
    font-family: 'Source Sans Pro';
    font-size: 30px;
    font-weight: 600
}

.gallery-inset .entry-title-inset strong {
    color: #ff3131
}

.gallery-inset .photo-listing li {
    border: none!important
}

.gallery-inset .gallery-thumb ul,
.gallery-inset .gallery-thumb li {
    list-style: none;
    margin: 0;
    padding: 0
}

.gallery-inset .gallery-thumb ul {
    margin: 20px 64px;
    height: 45px;
    width: 564px;
    overflow: hidden
}

.gallery-inset .gallery-thumb li {
    width: 80px;
    height: 45px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-right: 14px;
    opacity: .5
}

.gallery-inset .gallery-thumb li.active {
    opacity: 1
}

.gallery-inset .gallery-thumb li:last-child {
    margin-right: 0
}

.gallery-inset .gallery-thumb li img {
    width: 100%;
    height: auto
}

.gallery-inset .gallery-thumb a {
    background: url(../img/gallery-arrow-related.jpg) no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    margin: 10px 20px;
    cursor: pointer;
    text-indent: -9999px;
    position: absolute;
    top: 24px;
    z-index: 1
}

.gallery-inset .gallery-thumb .prev-inset {
    background-position: 0 0;
    left: 0
}

.gallery-inset .gallery-thumb .next-inset {
    background-position: -19px 0;
    right: 0
}

.section-header {
    position: relative;
    text-transform: uppercase;
    width: 1020px;
    margin: 0 auto
}

.section-header a {
    color: #777
}

.section-header a:hover,
.section-header a.active {
    color: #e92028
}

.section-header ul {
    list-style: none;
    background-color: #f7f7f7;
    border: 2px solid;
    border-color: #f0f0f0;
    border-left: none;
    border-right: none;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #777
}

.section-header ul li {
    padding: 5px 12px;
    display: inline-block;
    letter-spacing: -1px
}

.section-header ul li:first-child {
    color: #fff;
    background-color: #e92028;
    letter-spacing: 0
}

.section-header ul li:nth-child(2) {
    padding: 0!important;
    margin: 0!important;
    position: relative
}

.section-header ul li:nth-child(2):after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 10px solid;
    border-color: transparent transparent transparent #e92028;
    margin-left: -12px
}

.section-header ul li:nth-child(3) {
    margin-left: 0!important
}

.recommendation {
    display: block
}

.video-dimension.inset {
    width: 100%
}

.top-advertisement {
    margin-bottom: 10px
}

.sidebar-top-advertisement,
.sidebar-middle-advertisement,
.sidebar-bottom-advertisement,
.sidebar-mid-advertisement {
    margin-bottom: 20px
}

@media (max-width: 736px) {
    main {
        min-width: 320px;
        margin-top: 68px
    }
    header {
        position: fixed;
        z-index: 2
    }
    .main-content {
        width: 300px
    }
    .container {
        width: 300px
    }
    .header-container {
        width: 100%;
        height: 57px;
        border-bottom: solid 2px #f0f0f0;
        position: relative
    }
    .header-logo {
        width: 45px;
        margin-top: 6px
    }
    .play .icon-play.home-ptv {
        top: 10px
    }
    .icon-play.home-ptv-side {
        left: 5px;
        top: 5px
    }
    .just-in:hover a .just-in-layer,
    .top-stories-img-placeholder:hover .just-in-layer,
    figure:hover .just-in-layer,
    figure a:hover .just-in-layer.sidebar-thumbnail .hover-video,
    .sidebar-thumbnail .hover-podcast,
    .sidebar-thumbnail .hover-photo,
    .roundup-large:hover .roundup-large-layer,
    .roundup-small:hover .roundup-large-layer {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0 linear
    }
    .just-in:hover .just-in-layer-view,
    .top-stories-img-placeholder:hover .just-in-layer-view {
        display: none
    }
    .article-title:hover,
    .news.article-excerpt:hover {
        color: #000
    }
    .hover-video,
    .hover-podcast,
    .hover-photo {
        top: 10px;
        left: 10px;
        transform: scale(0.5);
        -ms-transform: scale(0.5);
        -mos-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -mos-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    .specials-list ul li,
    .specials-list ul li:nth-child(odd),
    .specials-list ul li:nth-child(even) {
        padding: 20px 0 0;
        text-align: center
    }
    .fullsite-logo {
        display: none
    }
    .mobile-logo {
        display: inline-block;
        margin-top: 6px
    }
    .yes-mag-image {
        width: 300px;
        height: 366px
    }
    .header-menu {
        margin: 16px 0 16px 20px;
        font-size: 18px
    }
    .header-hr {
        border-top: 1px solid #e2e2e2
    }
    .header-close {
        margin: 0;
        position: absolute;
        top: -58px;
        right: 0;
        background-color: #f0f0f0;
        padding: 15px 20px;
        cursor: pointer
    }
    .header-social {
        font-size: 20px;
        font-weight: 300;
        padding: 16px 0 0;
        margin: 0
    }
    .mobile.social-nav {
        display: block;
        bottom: 0
    }
    .mobile.social-nav ul li a span {
        font-size: 44px;
        cursor: pointer
    }
    .mobile.social-nav ul li a {
        cursor: pointer
    }
    .mobile.social-nav ul li {
        margin-right: -8px;
        cursor: pointer
    }
    .mobile.social-nav ul {
        margin-top: 0;
        margin-bottom: 0
    }
    .mobile.news-menu {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 999;
        width: 100%
    }
    .news.header-close {
        background-color: #f7f7f7;
        padding: 23px 10px 0
    }
    .mobile.section-header {
        margin: 0
    }
    .mobile.section-header ul {
        border: none;
        background-color: #f7f7f7
    }
    .gallery-inset .gallery-thumb {
        display: none
    }
    .play .video-inset.icon-play {
        top: 15px;
        width: 60px!important
    }
    .rel-pod.icon-play {
        top: 40px;
        width: 35px
    }
    .play-podcast {
        top: 80px;
        left: 15px
    }
    .video-dimension.inset {
        height: auto
    }
    .image-gallery-related-nav.next-item,
    .image-gallery-related-nav.prev-item {
        display: none
    }
    .related-gallery .article-mini:nth-child(-n+4) {
        margin-top: 0;
        margin-bottom: 0
    }
    .related-gallery .article-mini:nth-child(-n+6) {
        width: 140px;
        display: block
    }
    .related-gallery .article-mini:nth-child(5) {
        margin-right: 20px
    }
    .related-gallery .article-mini:nth-child(5),
    .related-gallery .article-mini:nth-child(6) {
        margin-left: 0;
        margin-top: 20px
    }
    .related-gallery .article-thumbnails {
        width: 140px;
        height: 80px
    }
    #yes-magazine-mobile {
        display: block;
        margin-top: 20px;
        background-color: #3a3a3a;
        position: relative
    }
    .yes-magazine-field {
        margin: 0 10px 5px;
        background-color: #2d2d2d;
        text-align: center;
        height: 105px
    }
    .yes-magazine-label {
        margin: 0;
        padding: 20px 0 10px;
        color: #fff;
        font-size: 31px
    }
    .yes-magazine-subscribe {
        font-size: 24px;
        padding-bottom: 20px;
        font-weight: 700
    }
    #yes-magazine-mobile figure img {
        width: 300px;
        height: 366px;
        margin-right: auto;
        margin-left: auto;
        box-shadow: 0
    }
    .main-nav,
    .social-navigation,
    .yes-magazine,
    .navbar-header {
        display: none
    }
    .roundup-large {
        width: 300px;
        height: 169px
    }
    .roundup-small {
        width: 100%;
        height: auto
    }
    .just-in {
        width: 143px;
        height: 80px
    }
    .roundup-large,
    .just-in {
        margin: 20px 0 6px
    }
    .roundup-small,
    .roundup-small.top-left,
    .roundup-small.bottom-left,
    .roundup-small.bottom-mid {
        margin: 20px 0 6px
    }
    .just-in {
        margin: 15px 0
    }
    .roundup-caption {
        background-image: none
    }
    .roundup-caption.mini {
        width: 174px;
        color: #000
    }
    .article-details {
        float: left;
        width: 144px;
        margin-top: 17px;
        margin-left: 13px
    }
    .article-title {
        max-height: 52px;
        overflow: hidden;
        font-size: 14px;
        letter-spacing: 0;
        margin: 0 0 5px;
        font-weight: 400;
        line-height: normal
    }
    .article-timestamp,
    .follow-timestamp {
        font-size: 14px
    }
    hr.clear-both {
        width: 300px
    }
    .section-widget-left {
        width: 300px;
        margin-bottom: 10px
    }
    .section-widget-left figure {
        width: 300px;
        height: 169px
    }
    .section-widget-right {
        width: 300px;
        clear: both;
        margin: 0
    }
    .section-widget-right-top,
    .section-widget-right-bottom {
        width: 143px;
        float: left
    }
    .section-widget-right-bottom {
        margin-left: 14px
    }
    .section-widget-right-top figure,
    .section-widget-right-bottom figure,
    .section-widget-right-top figure,
    .section-widget-right-bottom figure {
        width: 143px;
        height: 80px
    }
    .title-large {
        max-height: 80px;
        overflow: hidden;
        font-size: 18px
    }
    .title-small {
        font-size: 14px;
        max-height: 50px
    }
    .sw.article-timestamp {
        margin-bottom: 20px
    }
    .roundup-small {
        clear: left
    }
    .roundup-small-thumbails {
        width: 100%
    }
    .roundup-caption-large-xs,
    .roundup-caption-xs {
        font-size: 24px;
        float: left;
        width: 300px;
        max-height: 110px;
        overflow: hidden;
        color: #000;
        font-family: 'Roboto Condensed';
        font-weight: 400;
        margin: 0 10px 12px
    }
    .ru.article-timestamp {
        margin-top: 5px
    }
    .roundup-caption-large-xs p,
    .roundup-caption-xs p {
        margin: 0 10px 0 0
    }
    .roundup-images-small.just-in-mobile-home {
        width: 100%
    }
    .roundup-blurb-large-xs {
        font-size: 14px;
        margin: 0;
        color: #666
    }
    .main-section-title {
        margin: 20px 0 0;
        float: none
    }
    .top-advertisement {
        margin-bottom: -10px;
        margin-left: -10px;
        overflow: visible;
        min-height: 50px
    }
    .login-search {
        position: absolute;
        top: 15px;
        left: 15px
    }
    .menu-bar {
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer
    }
    .user-login {
        top: 4px;
        left: 0
    }
    .user-search {
        top: 4px;
        left: 35px
    }
    .textbox.search {
        width: 300px;
        display: none
    }
    .textbox.mobile {
        width: 280px;
        top: 0;
        right: 0;
        height: 55px;
        border-left: none;
        padding: 2px 10px 0 50px !important
    }
    .search-close.mobile {
        left: 50px;
        top: 15px
    }
    .search-close.mobile > div > .textbox {
        padding-left: 35px
    }
    .article-category {
        margin-top: 30px
    }
    .entry-title {
        font-size: 24px;
        line-height: 1.2
    }
    .description {
        font-size: 18px;
        line-height: 22px
    }
    .by-line {
        font-size: 14px
    }
    #article-crowdynews {
        width: 300px
    }
    .follow-this-story.hide-small {
        display: none
    }
    .follow-this-story.show-small {
        display: block
    }
    .follow-this-story {
        position: static;
        width: 300px;
        height: auto;
        font-size: 24px
    }
    .follow-this-story p {
        margin: 20px 0 0
    }
    .follow-this-timeline {
        width: 300px;
        clear: both
    }
    .follow-this-timeline-details {
        width: 268px
    }
    .share-icons.bottom {
        margin: 20px 0 20px
    }
    .share-button,
    .close-button {
        background: url(http://contents.pep.ph/res/img/social-images-sprite-mobile.png);
        position: absolute;
        width: 50px;
        height: 50px
    }
    .share-fb-small,
    .share-tw-small,
    .share-mail,
    .share-wc {
        background: url(http://contents.pep.ph/res/img/social-images-sprite-mobile.png);
        position: absolute;
        width: 52px;
        height: 52px
    }
    .share-fb-small,
    .share-tw-small,
    .share-mail,
    .to-comments,
    .share-wc {
        top: 0
    }
    .share-fb-small.bottom,
    .share-tw-small.bottom,
    .share-mail.bottom,
    .to-comments.bottom,
    .share-wc.bottom {
        top: 40px
    }
    .share-fb-small.top,
    .share-fb-small.bottom {
        background-position: 0 0;
        left: 0
    }
    .share-tw-small.top,
    .share-tw-small.bottom {
        background-position: -53px 0;
        left: 62px
    }
    .share-wc {
        display: block;
        background-position: -106px -3px;
        left: 124px
    }
    .share-mail.top,
    .share-mail.bottom {
        background-position: -159px 0;
        left: 186px
    }
    .to-comments.top,
    .to-comments.bottom {
        background-position: -104px -52px!important;
        left: 250px;
        transform: scale(0.97);
        -ms-transform: scale(0.97);
        -mos-transform: scale(0.97);
        -webkit-transform: scale(0.97);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -mos-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    .entry-content {
        margin-top: 25px
    }
    .sw.sidebar-thumbnail {
        width: 138px;
        height: 80px
    }
    .sw.sidebar-thumbnail-text {
        width: 128px;
        margin: 5px 13px 0
    }
    .sw.article-timestamp-large {
        margin: 5px 0 0 5px
    }
    .sw.section-title {
        float: left;
        margin: 0 0 20px
    }
    .article-mini:nth-child(4) {
        display: block
    }
    .more-pep-alerts {
        text-align: center;
        font-size: 16px;
        background-color: #eee;
        padding: 5px;
        margin: 0 0 20px
    }
    .most-read-text p {
        margin: 0 0 0 10px
    }
    .article-mini {
        width: 140px
    }
    .article-thumbnails {
        width: 140px;
        height: 80px
    }
    .article-mini:first-child .article-mini-details,
    .article-mini:nth-child(2) .article-mini-details {
        border-bottom: 1px solid #e9e9e9!important
    }
    .article-mini:nth-child(3) .article-mini-details,
    .article-mini:nth-child(4) .article-mini-details {
        border-bottom: none
    }
    .article-mini:first-child,
    .article-mini:nth-child(3) {
        margin-right: 20px
    }
    .article-mini:nth-child(3),
    .article-mini:nth-child(4) {
        margin-left: 0;
        margin-top: 20px
    }
    .pep-alerts-widget .sidebar-margin:nth-child(2) {
        display: none
    }
    #article-middle-advertisement {
        margin-top: 20px
    }
    #article-bottom-advertisement,
    #article-sidebar-section-widget,
    #home-sidebar-mrec-1,
    #home-sidebar-mrec-2 {
        margin: 20px 0
    }
    #article-sidebar-anchor-2,
    #article-sidebar-anchor-3,
    #article-sidebar-anchor-4 {
        display: block;
        position: static
    }
    #article-sidebar-anchor-4 {
        margin-bottom: 20px
    }
    #article-follow-us {
        display: none
    }
    #article-mrec-2 {
        margin-top: 20px
    }
    #article-mrec-2,
    #article-mrec-3 {
        margin-bottom: 20px
    }
    .image-gallery-view {
        float: left;
        margin-top: 60px
    }
    .section-header {
        margin: 20px 0 0;
        width: 100%
    }
    .section-header ul li {
        display: none
    }
    .section-header ul li:first-child {
        display: inline-block
    }
    .section-header ul li:nth-child(2) {
        display: inline-block
    }
    .photo-listing li {
        padding: 12px 0 20px
    }
    .photo-listing .image-number .fullsite {
        display: none
    }
    .photo-listing .image-number .mobile {
        display: inline-block
    }
    .image-gallery-nav {
        top: 94px;
        width: 30px;
        height: 38px
    }
    .image-gallery-nav i {
        width: 13px;
        height: 24px;
        margin: 8px auto 0;
        background-size: 26px 24px
    }
    .image-gallery-nav.next i {
        background-position: -13px 0
    }
    .latest-thumbnail-content .article-mini {
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
        padding: 18px 0 10px!important;
        margin-top: 0!important
    }
    .latest-thumbnail-content .article-mini:first-child {
        padding-top: 0!important;
        margin-top: 0!important
    }
    .latest-thumbnail-content .article-mini .article-thumbnails,
    .latest-thumbnail-content .article-mini .article-mini-details {
        display: inline-block;
        float: left
    }
    .latest-thumbnail-content .article-mini .article-mini-details {
        width: 140px;
        border: none!important;
        padding: 2px 10px 5px
    }
    .recommendation {
        display: block
    }
    .icon-play.home-ptv-side {
        width: 30px
    }
    #video-container,
    #podcast-container {
        margin-top: 50px
    }
    .video-dimension {
        width: 300px;
        height: 150px
    }
    .play .icon-play {
        position: absolute;
        top: -15px;
        left: 10px;
        opacity: .4
    }
    .play .icon-play.video-page {
        position: absolute;
        top: -30px;
        left: 10px;
        opacity: .4
    }
    #podcast {
        display: inline-block;
        visibility: visible;
        transition: none;
        opacity: 1
    }
    .rel-vid.icon-play {
        top: 5px;
        left: 5px;
        width: 25px
    }
    .main-vid.icon-play {
        top: 10px;
        left: 10px;
        width: 50px
    }
    .image-gallery-wrapper {
        position: relative;
        min-height: 150px
    }
    .section-header ul li:first-child {
        padding-right: 30px;
        position: relative;
        cursor: pointer
    }
    .section-header ul li:nth-child(2):after {
        display: none
    }
    .caret-down {
        width: 10px;
        height: 7px;
        background-position: -132px -17px;
        top: 16px;
        right: 10px;
        cursor: pointer
    }
    .top-stories-article:first-of-type {
        margin: 20px 0 0;
        width: 300px;
        border-bottom: 1px solid #eee
    }
    .top-stories-article:first-of-type .top-stories-img-placeholder {
        margin: 0;
        width: 300px;
        height: 169px
    }
    .top-stories-article:first-of-type .article-mini-details {
        margin-bottom: 10px;
        max-height: 60px;
        overflow: hidden
    }
    .top-stories-article:first-of-type .article-mini-details .article-excerpt,
    .top-stories-article:first-of-type .article-mini-details .article-excerpt p {
        font-size: 22px;
        font-family: 'Roboto Condensed';
        font-weight: 400;
        margin-bottom: 0
    }
    .top-stories-article:last-of-type {
        display: none
    }
    .top-stories-article {
        margin: 20px 0 0;
        width: 143px
    }
    .top-stories-article .news.article-mini-details .news.article-excerpt {
        max-height: 57px
    }
    .top-stories-article .top-stories-img-placeholder {
        margin: 0;
        width: 143px;
        height: 80px
    }
    .top-stories-article:nth-child(2) {
        margin-right: 14px
    }
    .news.article-details {
        width: 174px;
        overflow: hidden;
        margin: 20px 0 20px 10px
    }
    .news.article-title {
        font-size: 16px;
    }
    .news.just-in {
        width: 116px;
        height: 65px
    }
    .top-stories-article:first-child .news.article-excerpt {
        letter-spacing: 0;
        font-size: 24px;
        line-height: 1.2
    }
    .top-stories-article .news.article-excerpt {
        letter-spacing: 0;
        font-size: 16px;
        line-height: 1.2
    }
    .news.top-videos-widget .sidebar-margin:nth-child(8),
    .news.top-videos-widget .sidebar-hr:nth-child(9),
    .news.top-videos-widget .sidebar-margin:last-of-type,
    .news.top-videos-widget .sidebar-hr:last-of-type,
    .news.top-galleries-widget .sidebar-margin:nth-child(8),
    .news.top-galleries-widget .sidebar-hr:nth-child(9),
    .news.top-galleries-widget .sidebar-margin:last-of-type,
    .news.top-galleries-widget .sidebar-hr:last-of-type {
        display: block
    }
    .home.top-videos-widget .sidebar-margin:nth-child(12),
    .home.top-videos-widget .sidebar-hr:nth-child(13),
    .home.top-videos-widget .sidebar-margin:nth-child(14),
    .home.top-videos-widget .sidebar-hr:nth-child(15),
    .home.top-videos-widget .sidebar-margin:last-of-type,
    .home.top-videos-widget .sidebar-hr:last-of-type,
    .home.top-galleries-widget .sidebar-margin:nth-child(12),
    .home.top-galleries-widget .sidebar-hr:nth-child(13),
    .home.top-galleries-widget .sidebar-margin:nth-child(14),
    .home.top-galleries-widget .sidebar-hr:nth-child(15),
    .home.top-galleries-widget .sidebar-margin:last-of-type,
    .home.top-galleries-widget .sidebar-hr:last-of-type {
        display: none
    }
    #more-posts,
    #more-posts-2 {
        margin: 0 -10px
    }
    #article-body p img {
        width: 100%
    }
    #sidebar,
    #sidebar-2 {
        margin-top: 20px
    }
    #news-mrec-1 {
        margin-top: 20px;
        margin-bottom: 0
    }
    #news-mrec-3 {
        margin: 20px 0
    }
    #news-mrec-2 {
        margin: 20px 0 0
    }
    #news-mrec-4 {
        margin-top: 20px
    }
    #sidebar-2 {
        margin: 0
    }
    #sidebar.news-top-sidebar {
        margin-top: 0
    }
    #featured-shows .row .article-mini:nth-child(3) {
        display: none
    }
    .fs.mini-details {
        border: none;
        height: 174px
    }
    #guide li {
        padding: 8px 30px 8px 15px
    }
    #guide li .caret-down {
        top: 19px
    }
    .share-fb-small.pa,
    .share-tw-small.pa,
    .share-mail.pa,
    .to-comments.pa,
    .share-wc.pa {
        top: 0;
        zoom: .97;
        transform: scale(0.97);
        -ms-transform: scale(0.97);
        -mos-transform: scale(0.97);
        -webkit-transform: scale(0.97);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -mos-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    .share-tw-small.pa {
        left: 52px
    }
    .share-wc.pa {
        left: 103px;
        background-position: -106px -1px
    }
    .share-mail.pa {
        left: 155px
    }
    .to-comments.pa {
        left: 208px
    }
    .share-button {
        top: -65px;
        right: 0;
        width: 62px;
        background-position: -50px 50px;
        cursor: pointer
    }
    .close-button {
        background-position: 0 50px;
        top: 0;
        right: 0;
        cursor: pointer;
        transform: scale(0.90);
        -ms-transform: scale(0.90);
        -mos-transform: scale(0.90);
        -webkit-transform: scale(0.90);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -mos-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    .timestamp.pa {
        margin: 30px 0
    }
    .share-pa.share-icons {
        margin: 0
    }
    .pa-hr {
        border-top: 1px solid #eee
    }
    .share-icons.pa {
        z-index: 1;
        top: -65px
    }
    footer {
        height: 375px
    }
    .footer-container {
        margin: 20px 0 0 10px
    }
    .footer-logo {
        width: 70px;
        height: 70px
    }
    .footer.follow-us {
        margin: 10px 0 0 40px
    }
    .footer.social-navigation {
        display: block;
        right: 10px;
        top: 10px
    }
    .footer.social-navigation ul li {
        float: left
    }
    .footer.navbar-header,
    .footer.main-nav {
        display: block
    }
    .footer.navbar-header:not(.extra) {
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
        margin: 0 0 0 25px
    }
    .footer.navbar-header nav ul li:nth-child(4) {
        margin-top: 30px
    }
    .footer.navbar-header nav ul li {
        margin-top: 20px;
        margin-right: 45px
    }
    .extra.footer.navbar-header {
        margin: 0 0 0 40px
    }
    .extra.footer.navbar-header nav ul li:first-of-type {
        margin-left: 10px
    }
    .extra.footer.navbar-header nav ul li {
        margin-right: 20px
    }
    .extra.footer.navbar-header nav ul li a {
        font-size: 15px
    }
    .extra.footer.navbar-header nav ul li:nth-child(4),
    .extra.footer.navbar-header nav ul li:nth-child(5) {
        margin-top: 5px
    }
    .footer-text {
        margin-left: -10px
    }
    #article-bottom-leaderboard {
        display: none
    }
    .scroll-top-wrapper {
        right: 10px;
        bottom: 20px
    }
    #cse-search-results iframe {
        width: 320px!important
    }
    .sidebar-thumbnail {
        width: 143px;
        height: 80px
    }
    .sidebar-thumbnail-text {
        width: 137px
    }
    .full-height {
        width: 100%;
        height: auto;
        margin-left: 0
    }
    .share-icons .pw .ra1-pw-icon-facebook,
    .share-icons .pw .ra1-pw-icon-twitter,
    .share-icons .pw .ra1-pw-icon-email,
    .share-icons .pw .ra1-pw-icon-whatsapp,
    .to-comments,
    .pw-button .pw-icon {
        width: 52px!important;
        height: 52px!important;
        background: url(http://contents.pep.ph/res/img/social-images-sprite-V2.png)!important;
        position: absolute;
        cursor: pointer
    }
    .share-icons.top .pw .ra1-pw-icon-facebook {
        background-position: 0 0!important;
        top: 0;
        left: 0
    }
    .share-icons.top .pw .ra1-pw-icon-twitter {
        background-position: -52px 0!important;
        top: 0;
        left: 62px
    }
    .share-icons.top .pw .ra1-pw-icon-email {
        background-position: -208px -52px!important;
        top: 0;
        left: 187px
    }
    .share-icons.top .pw .ra1-pw-icon-whatsapp {
        background-position: -156px -52px!important;
        left: 124px;
        top: 0
    }
    .share-icons.bottom .pw .ra1-pw-icon-facebook {
        background-position: 0 0!important;
        top: 40px;
        left: 0
    }
    .share-icons.bottom .pw .ra1-pw-icon-twitter {
        background-position: -52px 0!important;
        top: 40px;
        left: 62px
    }
    .share-icons.bottom .pw .ra1-pw-icon-email {
        background-position: -208px -52px!important;
        top: 40px;
        left: 188px
    }
    .share-icons.bottom .pw .ra1-pw-icon-whatsapp {
        background-position: -156px -52px!important;
        top: 40px;
        left: 124px
    }
    .pw-button .pw-icon {
        top: 0;
        transform: scale(0.97);
        -ms-transform: scale(0.97);
        -mos-transform: scale(0.97);
        -webkit-transform: scale(0.97);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -mos-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    .share-icons.pa .pw-button .ra1-pw-icon-facebook {
        background-position: 0 0!important;
        right: 257px;
        top: 0
    }
    .share-icons.pa .pw-button .ra1-pw-icon-twitter {
        background-position: -52px 0!important;
        right: 205px;
        top: 0
    }
    .share-icons .pw-button .ra1-pw-icon-whatsapp {
        background-position: -156px -52px!important;
        right: 153px;
        top: 0
    }
    .share-icons.pa .pw-button .ra1-pw-icon-email {
        background-position: -208px -52px!important;
        right: 101px;
        top: 0
    }
    .share-icons.pa .pa-comments {
        background-position: -105px -52px!important;
        right: 101px;
        top: 0
    }
    #overlay {
        top: 57px;
        background: #f7f7f7;
        opacity: 1;
        filter: alpha(opacity=100);
        box-shadow: 0 10px 20px -2px gray
    }
    #fb-modal {
        top: 57px;
        left: 0;
        width: 320px
    }
    #fb-login-field {
        padding: 0
    }
    #fb-login-img {
        margin: 20px 0
    }
    .fb-like {
        width: 300px
    }
    .fb-like span iframe {
        width: 300px!important
    }
    .fb-login-title {
        width: 278px;
        margin: 45px 20px 0
    }
    .fb-login-like {
        width: 290px
    }
    .fb_iframe_widget_fluid span {
        width: 100%!important
    }
    ._51m- .pls ._51mw div {
        margin-right: 33%
    }
    ::-webkit-scrollbar {
        -webkit-appearance: none
    }
    ::-webkit-scrollbar:vertical {
        width: 7px
    }
    ::-webkit-scrollbar:horizontal {
        height: 12px
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
        border: 2px solid #fff
    }
    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff
    }
}

@media (min-width:370px) and (max-width: 420px) {
    html,
    body {
        width: 420px
    }
    .roundup-large {
        height: 225px
    }
    .roundup-large,
    .section-widget-right,
    #sidebar,
    #sidebar-2,
    #yes-magazine-mobile figure img,
    .section-widget-left,
    .container,
    hr.clear-both,
    .main-content,
    .roundup-caption-large-xs,
    .roundup-caption-xs,
    .section-widget-left figure {
        width: 380px
    }
    #cse-search-results iframe {
        width: 380px!important
    }
    div.gsc-webResult {
        padding: 0!important
    }
    .section-widget-right-bottom {
        margin-left: 24px
    }
    .section-widget-left figure {
        width: 380px;
        height: 212px
    }
    main {
        min-width: 400px!important
    }
    .article-title {
        font-size: 16px;
        max-height: 60px
    }
    .title-small {
        font-size: 16px;
        max-height: 57px
    }
    .article-mini,
    .related-gallery .article-mini:nth-child(-n+6),
    .top-stories-article,
    .section-widget-right-top,
    .section-widget-right-bottom,
    .section-widget-right-top figure,
    .section-widget-right-bottom figure,
    .section-widget-right-top figure,
    .section-widget-right-bottom figure {
        width: 178px
    }
    .section-widget-right-top figure,
    .section-widget-right-bottom figure,
    .section-widget-right-top figure,
    .section-widget-right-bottom figure {
        height: 106px
    }
    .article-thumbnails,
    .sw.sidebar-thumbnail,
    .sidebar-thumbnail,
    .news.just-in,
    .just-in,
    .related-gallery .article-thumbnails,
    .top-stories-article .top-stories-img-placeholder {
        width: 178px;
        height: 99px
    }
    .top-stories-article:nth-child(2) {
        margin-right: 23px
    }
    .sw.sidebar-thumbnail-text.latest-thumbnail-content .article-mini .article-mini-details,
    .article-details {
        width: 190px!important;
        margin-left: 12px
    }
    .video-dimension {
        width: 380px;
        height: 214px
    }
    .latest-thumbnail-content .article-mini .article-mini-details {
        width: 200px
    }
    .news.article-details {
        max-height: 76px
    }
    .news.article-title {
        max-height: 56px;
        height: auto
    }
    .sidebar-thumbnail-text {
        width: 180px
    }
    .most-read-text {
        width: 295px
    }
    .pep-alerts-time {
        width: 65px!important
    }
    #yes-magazine-mobile figure img {
        height: auto
    }
    .top-stories-article:first-of-type {
        width: 380px
    }
    .top-stories-article:first-of-type .top-stories-img-placeholder {
        margin: 0;
        width: 380px;
        height: 214px
    }
    .search-area.mobile {
        width: 93%
    }
    #crowdynews-iframe {
        margin-left: 50px
    }
    .article-crowdy {
        width: 400px!important;
        float: left!important;
        margin-right: 20px!important
    }
    .top-advertisement {
        margin-left: 0
    }
    .specials-list ul li,
    .specials-list ul li:nth-child(odd),
    .specials-list ul li:nth-child(even) {
        padding: 20px 0 0 50px;
        text-align: center
    }
    .share-icons.pa .pw .ra1-pw-icon-facebook,
    .share-icons.pa .pw .ra1-pw-icon-twitter,
    .share-icons.pa .pw .ra1-pw-icon-whatsapp,
    .share-icons.pa .pw .ra1-pw-icon-email,
    .to-comments.pa {
        transform: scale(1);
        -ms-transform: scale(1);
        -mos-transform: scale(1);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -mos-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    .share-icons.pa .pw .ra1-pw-icon-facebook {
        right: 348px
    }
    .share-icons.pa .pw .ra1-pw-icon-twitter {
        right: 282px
    }
    .share-icons.pa .pw .ra1-pw-icon-whatsapp {
        background-position: -156px -52px!important;
        right: 217px
    }
    .share-icons.pa .pw .ra1-pw-icon-email {
        background-position: -208px -52px!important;
        right: 151px
    }
    .to-comments.pa {
        left: 262px
    }
    .close-button {
        transform: scale(1);
        -ms-transform: scale(1);
        -mos-transform: scale(1);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -mos-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    #fb-modal {
        width: 420px
    }
    .fb-login-title {
        width: 365px
    }
    .fb-login-like {
        width: 100%
    }
    .mobile.social-nav ul {
        margin-left: 55px
    }
    .footer-logo {
        margin-left: 30px
    }
    .footer.social-navigation {
        right: 37px
    }
    .footer.navbar-header:not(.extra) {
        margin: 0 0 0 30px
    }
    .extra.footer.navbar-header {
        margin: 0 0 0 80px
    }
    .extra.footer.navbar-header nav ul li {
        margin-right: 26px
    }
    .footer.navbar-header nav ul li a {
        font-size: 24px
    }
    .footer-text {
        margin-left: 42px;
        width: 288px
    }
}

@media (min-width:420px) and (max-width: 736px) {
    html,
    body {
        width: 730px
    }
    .container,
    hr.clear-both {
        width: 690px
    }
    main {
        min-width: 730px
    }
    .roundup-large {
        width: 690px;
        height: auto
    }
    .main-content {
        width: 690px
    }
    .search-area.mobile {
        width: 96%
    }
    .textbox.mobile {
        width: 100%!important
    }
    .roundup-small {
        width: 100%;
        height: auto
    }
    .just-in,
    .sw.sidebar-thumbnail {
        width: 266px;
        height: 206px
    }
    .roundup-images-small.just-in-mobile-home {
        width: auto;
        height: 100%;
        margin-left: -10%!important
    }
    .roundup-caption-large-xs p,
    .roundup-caption-xs p {
        margin-right: 20px
    }
    .roundup-caption-large-xs,
    .roundup-caption-xs {
        font-size: 36px;
        float: left;
        width: 690px;
        max-height: 85px;
        overflow: hidden;
        color: #000;
        font-family: 'Roboto Condensed';
        font-weight: 400;
        margin: 0 20px 20px
    }
    .roundup-blurb-large-xs {
        font-size: 22px;
        margin: 0;
        color: #666
    }
    .article-details {
        float: left;
        width: 400px;
        margin-top: 15px;
        margin-left: 23px
    }
    #more-posts p,
    #more-posts-2 p {
        text-align: center;
        font-size: 25px;
        color: #a2a2a2;
        padding: 5px 0;
        margin: 0
    }
    #more-posts p span,
    #more-posts-2 p span {
        color: #f73238;
        font-size: 25px
    }
    #sidebar,
    #sidebar-2 {
        float: right;
        width: 690px;
        margin-top: 36px;
        margin-left: 0;
        position: relative
    }
    #yes-magazine-mobile figure img {
        width: 690px;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        box-shadow: 0
    }
    .most-read-text p {
        margin: 0 0 0 20px
    }
    .most-read-text {
        font-size: 25px;
        width: 530px;
        float: left;
        margin: 0 10px;
        font-weight: 100
    }
    .pep-alerts-time {
        font-size: 36px;
        width: 100px;
        float: left;
        margin-top: -5px;
        text-align: center
    }
    .pep-alerts-time p:first-child {
        font-size: 60px;
        margin: 0
    }
    .pep-alerts-time p:last-child {
        font-size: 26px
    }
    .more-pep-alerts {
        text-align: center;
        font-size: 25px;
        background-color: #eee;
        padding: 5px;
        margin: 0 0 20px
    }
    .section-widget-left figure {
        width: 690px;
        height: 390px
    }
    .section-widget-right {
        width: 690px;
        clear: both;
        margin: 0
    }
    .section-widget-left {
        width: 690px;
        margin-bottom: 10px
    }
    .section-widget-right-top figure,
    .section-widget-right-bottom figure,
    .section-widget-right-top figure,
    .section-widget-right-bottom figure {
        width: 335px;
        height: 185px
    }
    .section-widget-right-top,
    .section-widget-right-bottom {
        width: 335px;
        float: left
    }
    .title-large {
        font-size: 2em
    }
    .title-small {
        font-size: 22px;
        max-height: 52px
    }
    .article-timestamp-large {
        font-size: 1.1em
    }
    .play .icon-play.home-ptv {
        width: 75px;
        top: 30px
    }
    .icon-play.home-ptv-side {
        position: absolute;
        width: 70px;
        left: 10px;
        opacity: .4;
        top: 105px
    }
    .article-title {
        max-height: 60px;
        overflow: hidden;
        font-size: 25px;
        letter-spacing: 0;
        margin: 0 0 5px;
        font-weight: 400;
        line-height: 1.2
    }
    .article-timestamp,
    .follow-timestamp {
        font-size: 20px
    }
    .related-gallery .article-mini:nth-child(-n+6) {
        width: 335px
    }
    .related-gallery .article-thumbnails {
        width: 335px;
        height: 185px
    }
    .article-excerpt {
        font-size: 1.5em
    }
    .article-thumbnails {
        width: 266px;
        height: 148px
    }
    .latest-thumbnail-content .article-mini .article-mini-details {
        width: 400px
    }
    .video-dimension {
        width: 100%;
        height: 389px
    }
    .main-vid.icon-play {
        top: 315px;
        left: 15px;
        width: 55px
    }
    .rel-vid.icon-play {
        bottom: 5px;
        left: 5px;
        width: 50px
    }
    .latest-thumbnail-content .article-mini .article-mini-details {
        border: none!important;
        padding: 2px 20px 5px
    }
    #mrec2 {
        margin: 0 auto 20px
    }
    .sidebar-title {
        font-size: 30px;
        height: 72px
    }
    .sidebar-thumbnail {
        width: 266px;
        height: 206px;
        overflow: hidden;
        clear: left
    }
    .sidebar-thumbnail-text,
    .sw.sidebar-thumbnail-text {
        margin: 0 0 0 20px;
        float: left;
        width: 335px;
        font-size: 25px;
        max-height: 58px;
        overflow: hidden
    }
    .most-read-number {
        font-size: 60px;
        width: 100px;
        float: left;
        margin-top: -5px;
        padding: 0 15px;
        text-align: center
    }
    .fullsite-logo {
        display: none
    }
    .mobile-logo {
        display: inline-block;
        margin-top: 6px
    }
    #fb-modal {
        width: 100%
    }
    .fb-login-title {
        width: 100%
    }
    .fb-login-like {
        width: 100%
    }
    .mobile.social-nav ul {
        margin-left: 205px
    }
    .top-stories-article:first-of-type,
    .top-stories-article:first-of-type .top-stories-img-placeholder {
        width: 100%
    }
    .top-stories-article:first-of-type .top-stories-img-placeholder {
        width: 100%;
        height: 389px
    }
    .top-stories-article {
        width: 335px
    }
    .top-stories-article .top-stories-img-placeholder {
        width: 100%;
        height: 185px
    }
    .top-stories-article:nth-child(2) {
        margin-right: 14px
    }
    .news.just-in {
        width: 266px;
        height: 148px
    }
    .news.article-title {
        font-size: 1.5em;
        line-height: 1.2
    }
    .news.article-details {
        width: 400px;
        max-height: 80px
    }
    .news.article-title {
        height: 50px
    }
    .news.section-title {
        font-size: 2em
    }
    #article-body {
        font-size: 1.5em
    }
    .article-image-caption {
        font-size: 1.1em
    }
    .entry-title {
        font-size: 2em
    }
    .by-line {
        font-size: 1.1em
    }
    .description {
        font-size: 1.2em
    }
    .caption.article-image-caption {
        font-size: 1.1em
    }
    .hover-video,
    .hover-podcast,
    .hover-photo {
        top: 15px;
        left: 15px;
        transform: scale(0.6667);
        -ms-transform: scale(0.6667);
        -mos-transform: scale(0.6667);
        -webkit-transform: scale(0.6667);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -mos-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    footer {
        height: 858px
    }
    .footer-container {
        margin: 40px 0 0 20px
    }
    .footer-logo {
        width: 70px;
        height: 70px
    }
    .footer.follow-us {
        margin: 10px 0 0 22px;
        font-size: 36px
    }
    .footer.social-navigation {
        display: block;
        right: 60px;
        top: 10px
    }
    .footer.social-navigation ul li a span {
        font-size: 36px
    }
    .viber {
        width: 36px
    }
    .footer.social-navigation ul li:last-child a span {
        width: 36px
    }
    .footer.social-navigation ul li {
        float: left
    }
    .footer.navbar-header,
    .footer.main-nav {
        display: block
    }
    .footer.navbar-header:not(.extra) {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
        margin: 0 0 0 25px
    }
    .footer.navbar-header nav ul li:nth-child(4) {
        margin-top: 30px
    }
    .footer.navbar-header nav ul li {
        margin-top: 20px;
        margin-right: 45px
    }
    .extra.footer.navbar-header {
        margin: 0 0 0 25px
    }
    .extra.footer.navbar-header nav ul li:first-of-type {
        margin-left: 30px
    }
    .extra.footer.navbar-header nav ul li {
        margin-right: 40px
    }
    .extra.footer.navbar-header nav ul li a {
        font-size: 19px
    }
    .extra.footer.navbar-header nav ul li:nth-child(4),
    .extra.footer.navbar-header nav ul li:nth-child(5) {
        margin-top: 5px
    }
    .footer-text {
        margin-left: -10px
    }
    #article-bottom-leaderboard {
        display: none
    }
    .scroll-top-wrapper {
        right: 10px;
        bottom: 20px
    }
    #cse-search-results iframe {
        width: 100%!important
    }
    .footer.navbar-header nav ul li a {
        font-size: 34px
    }
    .footer.navbar-header nav ul {
        margin-left: 60px
    }
    .extra.footer.navbar-header nav ul li a {
        font-size: 36px
    }
    .extra.footer.navbar-header nav ul {
        margin-left: 75px
    }
    .footer-text {
        font-size: 34px;
        margin: 40px auto
    }
}

@media (max-width:737px) {
    .hidden-small {
        display: none!important
    }
    .visible-small {
        display: block
    }
}

@media (min-width:737px) {
    .fullsite-logo {
        display: inline-block
    }
    .mobile-logo {
        display: none
    }
    .share-icons .pw .ra1-pw-icon-facebook,
    .share-icons .pw .ra1-pw-icon-twitter,
    .share-icons .pw .ra1-pw-icon-email,
    .pw-button .pw-icon {
        width: 30px!important;
        height: 30px!important;
        background: url(http://contents.pep.ph/res/img/social-images-sprite-V2.png)!important;
        position: absolute!important;
        cursor: pointer!important
    }
    .pw-button .fa {
        display: none
    }
    blockquote span.pw-icon.ra1-pw-icon.ra1-pw-icon-facebook {
        background-position: 0 60px!important
    }
    blockquote span.pw-icon.ra1-pw-icon.ra1-pw-icon-twitter {
        background-position: -30px 60px!important
    }
    .share-home .pw-size-small .ra1-pw-icon-facebook,
    .share-quote .pw-size-small .ra1-pw-icon-facebook {
        background-position: 0 -52px!important;
        top: 0!important
    }
    .share-home .pw-size-small .ra1-pw-icon-twitter,
    .share-quote .pw-size-small .ra1-pw-icon-twitter {
        background-position: -30px -52px!important;
        top: 0!important;
        left: 1px!important
    }
    .share-quote .pw .ra1-pw-icon-facebook,
    .share-quote .pw .ra1-pw-icon-twitter,
    .share-quote .pw .ra1-pw-icon-email,
    .pw-button .pw-icon {
        position: relative!important
    }
    .share-quote .pw-size-small .ra1-pw-icon-facebook,
    .share-quote .pw-size-small .ra1-pw-icon-facebook {
        background-position: 0 0!important;
        top: 10px!important;
        border-radius: 0;
        cursor: pointer
    }
    .share-quote .pw-size-small .ra1-pw-icon-twitter,
    .share-quote .pw-size-small .ra1-pw-icon-twitter {
        background-position: -31px 0!important;
        top: 10px!important;
        border-radius: 0;
        cursor: pointer
    }
}

@media (min-width:737px) and (max-width: 1024px) {
    main {
        width: 1040px
    }
    #header-original,
    footer {
        width: 1040px;
        border: none
    }
    .footer.navbar-header nav ul li {
        margin-right: 60px
    }
    .fullsite-logo {
        display: inline-block
    }
    .mobile-logo {
        display: none
    }
}