@media screen and (max-width: 767px) {
    .schedule-grid-item.highlight {
        height: auto;
        display: block;
    }
    .schedule-grid-item .movie-data {
        padding: 0 !important;
        overflow: auto;
    }
    .schedule-grid-item {
        padding: 2px 1px 0 1px !important;
        margin-bottom: 0;
        height: auto;
    }
    .col-md-3 {
        width: 33.33% !important;
    }
    #show-details {
        width: 100%;
        margin: 0;
    }
    .footer .actions-container .social-link {
        /*display: none;*/
    }
    .schedule-navigation-next{
        margin-right: 0px;
    }
    .schedule-navigation-previous{
        margin-left: 0px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1149px) {
    .col-md-3 {
        width: 33.33333333% !important;
    }
}
@media screen and (max-width: 870px) {
    .schedule-navigation {
        left: 0;
        margin-left: 0;
        width: 100%;
        z-index: 10;
    }
    .footer .actions-container .social-link {
        /*display: none;*/
    }
}
@media screen and (min-width: 871px) and (max-width: 991px) {
    .schedule-navigation {
        left: 50%;
        margin-left: -435px;
        width: 870px;
        z-index: 10;
    }
    #show-details {
        width: 74%;
    }
    .footer .actions-container .social-link {
        /*display: none;*/
    }
}
@media screen and (min-width: 992px) and (max-width: 1149px) {
    .schedule-navigation {
        left: 50%;
        margin-left: -460px;
        width: 920px;
        z-index: 10;
    }
    .container, .footer .container960 {
        width: 750px;
    }
    .footer .actions-container .social-link {
        /*display: none;*/
    }
}
@media screen and (min-width: 1150px) {
    .schedule-navigation {
        left: 50%;
        margin-left: -550px;
        width: 1100px;
        z-index: 10;
    }
}
@media screen and (max-width: 668px) {
    .logo-footer-container{
        margin:auto;
        text-align: center;
        float: inherit;
    }
    .legals-cont,  .legals-cont p{
        padding-top: 1.2em;
        font-size: 0.8em!important;
    }
    a.closeLink {
        margin: 20px 10px 0 0;
    }
    .main-highlight .overlay {
        background: none;
    }
    .schedule-highlight-image{
        padding-bottom: 3%;
    }
    .topbar .logo {
        float: none;
        margin: 0 auto;
    }
    .footer .actions-container .social-link {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: none!important;
    }
    .navigation.active span {
        display: none;
    }
    .schedule-navigation-previous.active {
        background-image: url(/images/tbs/seta-previous-dev.png);
    }
    .schedule-navigation-next.active {
        background-image: url(/images/tbs/seta-next-dev.png);
    }
    .footer .actions-container .btn-gosite {
        display: none;
    }
    .footer .actions-container .social-link {
        display: none;
    }
    .row {
        width: 100%;
        max-width: 668px;
        margin: 0;
    }
    .container {
        padding: 0;
    }
    .schedule-header {
        margin-bottom: 0;
    }
    .schedule-top-time:before{
        content: "PROGRAMACIÓN:";
        font-weight: bold;
        color: #20dbd4;
        margin-right: 8px;
    }
    .tbs_pt .schedule-top-time:before{
        content: "PROGRAMAÇÃO:";
        font-weight: bold;
        color: #20dbd4;
        margin-right: 8px;
    }
    .schedule-top-time, .tbs_pt .schedule-top-time {
        background-image: inherit;
        float: none;
        margin: 10px 0;
        padding-left: 5px;
        width: 100%;
        background-size: 100%;
        background-color: #0047e7;
        color: #ffdb00;
        font-family: "Roboto Bold", sans-serif;
        font-size: 1em!important;
    }
    .tbs_pt .schedule-top-time{
        background-size: 100%!important;
    }
    .schedule-header .goToday {
        right: 1%;
    }
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: block;
    }
    .day-month {
        display: block;
        margin-top: -6px;
        margin-bottom: 2px;
    }
    .schedule-top-social {
        display: none;
    }
    .schedule-highlight-logo {
        top: 0;
        left: 100%;
        margin-top: -60px;
        margin-left: -155px;
    }
    .schedule-navigation {
        width: 100%;
        padding: 0;
        margin: 30px 0 0 0;
    }
    .navigation {
        width: 50%;
        padding: 0;
        margin: 0;
        overflow: hidden;
        padding: 18px 0;
    }
    .schedule-navigation-next {
        background-position: right 0px bottom 0;
    }
    .schedule-highlight-label {
        background: url(/images/bg-mobile-slider-text.jpg);
        left: 0;
        line-height: 20px;
        margin: 0;
        padding: 10px 8px 6px 8px;
        position: relative;
        top: 0;
        width: 100% !important;
    }
    .schedule-highlight-label .time {
        font-size: 1.3em;
    }
    .schedule-highlight-label .hs {
        font-size: 1.3em;
    }
    .schedule-highlight-label span {
        /* background: none;
         padding: 0px 15px;*/
        background: #ffdb00;
        padding: 10px 15px;
        color: #009bed;
        font-family: "Roboto Bold", sans-serif;
        font-weight: bold;
        line-height: 2em;
    }
    .schedule-highlight-label span.title, .schedule-highlight-label span.storyline, .schedule-highlight-label span.hoytext, .schedule-highlight-label span.time {
        color: #1c1c67;
    }
    .schedule-grid {
        margin-right: 0;
    }
    .details-arrow.visible {
        display: none !important;
    }
    .schedule-grid-item {
        padding: 6px 3px 0 3px !important;
        margin-bottom: 0;
        height: auto;
    }
    .col-md-3 {
        width:50%!important;
    }
    .schedule-grid-item.highlight {
        height: auto;
        display: block;
    }
    .schedule-grid-item .movie-data {
        padding: 0 !important;
        overflow: auto;
    }
    .movie-data-poster {
        float: none;
        margin-left: 10px;
    }
    .movie-data-info {
        padding-left: 85px;
    }
    .schedule-bottom-social {
        display: block;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .schedule-bottom-social .nav-social {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .schedule-bottom-social a.nav-social-icon img.social-icon {
        width: 25%;
        height: auto;
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
    }
    a.closeLink {
        right: 25px;
    }
}
@media only screen and (max-device-width: 768px) {
    .highlight-module-1 img, .highlight-module-2 img, .highlight-module-3 img {
        width: 99%;
    }
    .topbar .logo {
        float: none;
        margin: 0 auto;
    }
    .topbar .nav-social {
        display: none;
    }
    .topbar .nav-social img {
        margin-right: 10px;
    }
    .schedule-highlight-label span {
        /* background: none;
         padding: 0;*/
        background: #ffdb00;
        padding: 10px 15px;
        color: #009bed;
        font-family: "Roboto Bold", sans-serif;
        font-weight: bold;
        font-size: 1.3em;
        line-height: 2em;
    }
    .schedule-highlight-label span.title {
        color: #1c1c67;
        font-family: "Roboto Bold", sans-serif;
        font-size: 40px;
        line-height: 42px;
    }
    .schedule-highlight-label span.storyline {
        color: #1c1c67;
        font-family: Arial, sans-serif;
        font-size: 15px;
    }
    .schedule-highlight-label .time {
        color: #ffdb00;
        font-size: 1.3em;
        font-family: "Roboto Bold", sans-serif;
        font-size: 20px;
        margin-bottom: 12px;
    }
    img.social-icon {
        height: 35px;
        width: auto;
    }
    .schedule-highlight-label .hoytext {
        color: #1c1c67;
    }
    .schedule-highlight-label div.arrow-generic {
        height: 0px;
    }
    .schedule-header {
        /* height: 0;*/
    }
    .main-highlight .overlay {
        /* background: none;*/
    }
}