/* MOBILE AND TABLET */
@media screen and (max-width: 1180px){
    iframe{
        height: 35rem!important;
    }
    header#top{
        height: 50px;
    }
    header#top #menuAnchor{
        width: 50px;
        height: 50px;
    }
    header#top .logo{
        height: 50px;
        margin: 0 15px;
    }
    header#top .logo img{
        height: 52px;
    }
    header#top #search{
        width: 81%;
        width: calc(100% - 62px);
        height: 38px;
        margin: 6px 0 0 0;
        top: 0;
        right: 6px;
        background: #f20f21;
        position: absolute;
    }
    header#top #search input{
        padding: 0 110px 0 42px;
        font-size: 13px;
    }
    header#top #search input:focus{
        outline: 0;
        box-shadow: 0 0 14px rgba(255,255,255,0.5);
    }
    header#top #search form button{
        width: 42px;
        height: 38px;
    }
    header#top #search .advanc:hover{
        background: transparent;
        color: #fff;
    }
    header#top #search .advanc{
        top: 6px;
        right: 6px;
        font-size: 10px;
        line-height: 25px;
    }
    header#top .icons{
        margin: 0 5px;
    }
    header#top .icons > div{
        width: 45px;
        height: 50px;
    }
    header#top .icons #alertsAnchor{
        display: none;
    }
    header#top .icons #accountAnchor{
        display: none;
    }

    header#top .icons #searchAnchor{
        opacity: 1;
        filter: opacity(100%);
        -webkit-filter: opacity(100%);
    }

    .searchOpen header#top .icons #searchAnchor{
        left: 0;
        position: absolute;
        top: 0;
        background-color: #c00312;
        width: 50px;
    }


    main{
        padding-top: 50px;
        max-width: 100%;
        overflow: hidden !important;
    }

    #slideHome .item{
        width: auto;
        height: auto;
    }
    #slideHome .item .title{
        padding: 50px 12px 8px 12px;
        font-size: 18px;
    }
    #slideHome .item .title .sub{
        font-size: 12px;
    }
    #slideHome .item .title .sub .mob{
        display: inline-block;
    }
    #slideHome .item .title .sub .desk{
        display: none;
    }
    #slideHome .owl-item .item a:after{
        display: none;
    }
    #slideHome .owl-item.active.center .item a:hover:after{
        opacity: 1;
    }
    #slideHome .owl-nav.disabled{
        top: 44%;
    }
    #slideHome .owl-nav > div{
        transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
    #slideHome .owl-nav .owl-prev{
        left: 1px;
    }
    #slideHome .owl-nav .owl-next{
        right: 1px;
    }
    #slideHome .owl-dots{
        margin-bottom: 30px;
    }

    .titleHome{
        font-size: 14px;
        padding: 0 20px;
    }
    .titleHome .seeAll{
        font-size: 10px;
        padding: 7px 6px 4px 6px;
        line-height: 10px;
        position: relative;
        top: -2px;
    }
    .titleHome .seeAll:hover{
        color: #c5cdd7;
        border-color: #c5cdd7;
    }

    .slider-geral, .slider-films{
        padding: 0 25px;
    }
    .slider-geral .owl-nav > div, .slider-films .owl-nav > div{
        transform: scale(0.6);
        -o-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -webkit-transform: scale(0.6);
    }
    .slider-geral .owl-nav .owl-prev, .slider-films .owl-nav .owl-prev{
        left: 2px;
    }
    .slider-geral .owl-nav .owl-next, .slider-films .owl-nav .owl-next{
        right: 2px;
    }

    .slider-geral .item .new, .slider-geral .item .breve{
        font-size: 10px;
        padding: 3px 5px;
    }
    .slider-geral .item .thumb:before, .slider-films .item .thumb:before{
        display: none;
    }
    .slider-geral .item .thumb:after{
        bottom: -70%;
    }
    .slider-geral .item .infos{
        margin: -1px 10px 5px 10px;
        padding: 0;
    }
    .slider-geral .item .infos a.title{
        font-size: 12px;
        -webkit-text-size-adjust: 100%;
    }
    .slider-geral .item .infos a.title:hover{
        color: #f20f21;
    }
    .slider-geral .item .infos .views{
        font-size: 9px;
        background-image: url(../img/views.png);
        background-repeat: no-repeat;
        background-position: center left;
        padding: 0 0 0 18px;
        height: 15px;
        line-height: 17px;
    }
    .slider-geral .item .infos .right{
        font-size: 9px;
        float: right;
        font-weight: 300;
    }
    .slider-geral .item .infos .right .likes{
        background-position: top left;
        padding: 3px 0 0 15px;
        height: 15px;
        position: relative;
        top: 0;
        line-height: 17px;
    }
    .slider-geral .item .infos .right .comments{
        background-position: top left;
        padding: 0 0 0 13px;
        margin: 0 0 0 5px;
        height: 15px;
        line-height: 17px;
    }

    footer{
        margin-top: 30px;
    }
    footer .left{
        width: 88%;
        margin: 0 6%;
    }
    footer .left .social{
        float: right;
    }
    footer .left .menus.mobile{
        display: inline-block;
    }
    footer .left .menus.desktop{
        display: none;
    }
    footer .left .menus ul{
        width: 48%;
        margin: 0;
    }
    footer .left .menus ul:first-child{
        margin: 0 4% 0 0;
    }
    footer .left .menus ul li{
        font-size: 11px;
    }
    footer .right{
        width: 88%;
        margin: 25px 6%;
    }
    footer .right ul li{
        font-size: 12px;
        width: auto;
        height: 44px;
        line-height: 46px;
        margin: 0 6px 6px 0;
        padding: 0 16px 0 56px;
        float: left;
    }
    footer .full{
        width: 88%;
        margin: 0 6% 25px 6%;
        font-size: 12px;
        font-weight: 500;
        line-height: 170%;
        letter-spacing: 0.01em;
        display: inline-block;
    }
    footer .full strong{
        font-weight: bold;
        font-style: normal;
    }
    footer .bottom{
        padding: 26px 6%;
        font-size: 11px;
    }

    main .player{
        height: auto;
        /*padding-top: 50%;*/
        vertical-align: top;
    }
    main .player iframe{
        left: 0;
        top: 0;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .slider-cameras{
        padding: 15px 30px;
    }
    .slider-geral.slider-cameras .item a:before{
        display: none;
    }
    .slider-geral.slider-cameras .item:hover{
        border: 1px solid #1a1d1f;
    }
    .slider-geral .item .camera{
        font-size: 10px;
        padding: 6px 8px 4px 8px;
    }
    .slider-geral.slider-cameras .item a:hover img{
        -webkit-filter: opacity(100%);
        filter: opacity(100%);
    }
    .slider-cameras .item.selected:hover{
        border: 1px solid #fff;
    }
    .slider-cameras .item.selected:hover:before{
        background: #fff;
    }

    main .live{
        width: 100%;
        margin: 0;
    }
    #chat{
        width: 100%;
        min-height: 400px;
        margin-bottom: 30px;
    }
    #chat .header .buttons a{
        font-size: 12px;
        padding: 9px 10px 5px 10px;
        line-height: 14px;
    }
    #chat .form .buttons button{
        line-height: 24px;
    }
    .titleSingle{
        font-size: 20px;
        margin: 20px 0;
        padding: 0 20px;
    }
    .userInfos{
        margin-bottom: -30px;
    }
    .userInfos .row{
        padding: 25px 6% 20px 6%;
        width: 100%;
    }
    .userInfos .row .title{
        display: inline-block;
        font-size: 14px;
        width: 100%;
    }
    .userInfos .row .dados{
        display: inline-block;
        margin: 10px 0 0 0;
        font-size: 12px;
        width: 100%;
    }
    .userInfos .row .dados .edit{
        margin: 0;
        float: right;
    }
    .userInfos input{
        width: 100%;
    }

    .actress{
        padding: 20px 0;
    }
    .actress .photo{
        margin: 0 20px 10px 6%;
        border: 1px solid #f20f21;
        max-width: 34%;
    }
    .actress .photo img{
        width: 100%;
        height: auto;
        vertical-align: top;
    }
    .actress .name{
        font-size: 14px;
        width: 48%;
    }
    .actress .about p{
        font-size: 12px;
        padding: 0 6%;
    }

    .gallery{
        width: 88%;
        margin: 20px 6%;
    }
    .gallery .photos a:hover img{
        outline: 5px solid #f20f21;
    }

    .slider-geral.not-owl{
        width: 90%;
        margin: 0 5%;
    }
    .slider-geral.not-owl .item{
        width: 48% !important;
        margin: 1% 1%;
    }
    .slider-geral.not-owl .item .infos{
        padding: 7px 0 5px 0;
    }
    .slider-geral.not-owl .item .infos .title{
        font-size: 12px;
    }

    .slider-geral.videos_vemai .item .infos{
        height: auto;
        margin-bottom: 1px;
    }

    .loadMore, .btnSave{
        font-size: 16px;
        margin: 30px 0 20px 6%;
        height: 42px;
        line-height: 25px;
    }
    .btnSave{
        margin: 10px 6%;
    }

    .contentSingle.pages{
        padding: 20px 6%;
    }
    .contentSingle p{
        font-size: 12px;
    }
    .contentSingle strong{
        font-size: 14px;
    }
    .contentSingle ul li{
        font-size: 12px;
    }

    .slider-films.not-owl{
        width: 92%;
        margin: 0 4%;
    }

    main.cenas .capa{
        display: none;
    }
    main.cenas .right{
        width: 88%;
        margin: 28px 6%;
    }
    main.cenas .right .cena{
        width: 100%;
        padding: 15px;
    }
    main.cenas .right .cena .infos .title{
        padding: 12px 1px;
        margin: 12px 0;
        font-size: 14px;
    }
    main.cenas .right .cena .infos .descript{
        font-size: 12px;
    }
    main.cenas .right .cena .infos .cast, main.cenas .right .cena .infos .cat{
        font-size: 12px;
    }
    main.cenas .right .cena .view{
        font-size: 14px;
        margin: 0;
    }

    .navBar .next, .navBar .prev{
        font-size: 0;
        padding: 0 8px;
        margin: 0 16px;
    }
    .navBar .config a.anchor{
        padding-top: 7px;
    }
    .navBar .config .itens > a{
        padding-top: 7px;
        padding-bottom: 4px;
    }
    .infosVideo{
        padding: 18px 6% 12px 6%;
    }
    .infosVideo .title{
        font-size: 16px;
        margin: 4px 0 10px 0;
    }
    .infosVideo .title span{
        display: inline-block;
        position: relative;
        top: -2px;
    }
    .infosVideo .descript{
        font-size: 12px;
    }
    .infosVideo .tags{
        margin: 15px 0;
        padding-top: 14px;
    }
    .infosVideo .bottom .votes{
        margin: 0 4px;
    }
    .infosVideo .bottom .votes a:hover span.tooltip{
        display: none;
    }
    .infosVideo .bottom .buttons a.fav span.tooltip{
        display: none;
    }
    .infosVideo .bottom .buttons a{
        padding-top: 8px !important;
        padding-bottom: 5px !important;
    }

    #comments{
        width: 88%;
        margin: 20px 6% 0 6%;
    }
    #comments .title a, .gallery .title a{
        padding-top: 3px;
    }
    #comments .list{
        padding: 15px;
    }
    #comments .list .comment{
        margin: 0 0 18px 0;
    }
    #comments .list .comment.reply{
        padding-left: 25px;
    }
    #comments .list .comment .buttons button{
        padding-top: 8px;
        padding-bottom: 5px;
    }

    .related{
        max-width: 100%;
        overflow: hidden;
    }

    .searchAdvance{
        width: 88%;
        margin: -10px 6% 0 6%;
    }
    .searchAdvance input[type=text]{
        padding: 5px 14px 2px 14px;
    }
    .searchAdvance input[type=text], .searchAdvance select{
        line-height: 42px;
    }
    .searchAdvance .row.full{
        padding: 10px 0;
        display: table;
        width: 100%;
    }
    .searchAdvance .row.half{
        width: 100%;
    }
    .searchAdvance .row .title{
        display: inline-block;
        font-size: 12px;
        text-align: left;
        width: 100%;
        padding: 0;
    }
    .searchAdvance .row .input{
        display: inline-block;
        margin: -5px 0 0 0;
        width: 100%;
    }
    .searchAdvance .radios{
        padding-left: 0;
        margin: 0 0 10px 0;
    }
    .searchAdvance label{
        font-size: 11px;
        padding: 0 0 0 36px;
        margin: 10px 20px 0 0;
        line-height: 30px;
    }
    .searchAdvance .btnSave{
        margin: 20px 0;
    }
    .noResults{
        width: 88%;
        margin: -10px 6% 20px 6%;
        font-size: 13px;
        padding: 14px 16px;
    }

    nav#menu{
        max-width: 90%;
        padding: 50px 0 0 0;
        overflow-y: auto;
        overflow-x: hidden;
    }
    nav#menu .userInfos{
        margin-bottom: 0;
    }
    nav#menu ui-toggle.ng-pristine{
        float: right !important;
    }
    nav#menu > ul > li.has-children > a{
        background-image: url(../img/submenu-mobile.png);
    }
    nav#menu > ul > li.has-children:hover > a{
        background-image: url(../img/submenu-mobile.png);
        background-color: transparent;
        color: #fff;
    }
    nav#menu > ul > li.has-children.open > a{
        background-image: url(../img/submenu-mobile-hover.png);
        background-color: #fff;
        color: #c00312;
        border-bottom: 1px solid #c5cdd7;
    }
    nav#menu > ul > li.has-children > ul, nav#menu > ul > li.has-children > .agenda{
        position: relative;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        max-height: 0px;
        max-width: 0px;
    }
    nav#menu > ul > li.has-children:hover > ul, nav#menu > ul > li.has-children:hover > .agenda{
        max-width: 0px;
        max-height: 0px;
    }
    nav#menu > ul > li.has-children.open > ul, nav#menu > ul > li.has-children.open > .agenda, nav#menu > ul > li.has-children.open:hover > ul, nav#menu > ul > li.has-children.open:hover > .agenda{
        max-width: 100%;
        max-height: 400px;
        overflow-x: hidden;
    }
    nav#menu > ul > li.has-children > ul > li{
        min-width: 100%;
    }
    nav#menu > ul > li > .agenda{
        border-top: 1px solid #bdbfc2;
    }
    nav#menu > ul > li.open > .links{
        max-height: 9999px !important;
        overflow-y: hidden !important;
    }
    nav#menu > ul > li > .agenda .tabs{
        width: 100%;
    }
    nav#menu > ul > li > .agenda .tabContent{
        min-width: 50%;
        max-width: 100%;
        margin: 15px 10px 15px 15px;
        height: 220px;
    }
    nav#menu > ul > li > .agenda .tabContent .item:last-child{
        margin-bottom: 0;
    }
    nav#menu > ul > li.alerts > a{
        background-image: url(../img/submenu-mobile.png);
        background-position: right 15px center;
        background-repeat: no-repeat;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        transition: all .2s linear;
        padding-left: 40px;
    }
    nav#menu > ul > li.alerts > a .icon{
        width: 18px;
        height: 18px;
        background-image: url(../img/alerts.png);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left: 11px;
        top: 16px;
    }
    nav#menu > ul > li.alerts.has-children.open > a .icon{
        background-image: url(../img/alerts-hover.png);
    }
    nav#menu > ul > li.alerts > a .icon .alertsCount{
        background: #ff9c00;
        font-size: 10px;
        width: 14px;
        height: 14px;
        display: inline-block;
        color: #fff;
        line-height: 15px;
        border-radius: 100%;
        position: absolute;
        top: -5px;
        left: 8px;
        text-align: center;
    }
    nav#menu > ul > li.alerts:hover > a{
        background-image: url(../img/submenu-mobile.png);
    }
    nav#menu > ul > li.alerts.open > a{
        background-image: url(../img/submenu-mobile-hover.png);
    }
    nav#menu > ul > li.alerts .alertBox{
        position: relative;
        top: 0;
        left: 0;
        max-height: 0px;
        max-width: 100%;
        border-radius: 0;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
        transition: all .1s linear;
    }
    nav#menu > ul > li.alerts.open .alertBox{
        max-height: 600px;
    }
    nav#menu > ul > li.alerts.open .alertBox .body{
        max-height: 265px;
    }
    nav#menu > ul > li.alerts .alertBox .header{
        border-top: 1px solid #c5cdd7;
    }
    nav#menu > ul > li.alerts .alertBox .header #clearAlerts{
        text-transform: none;
        width: auto;
    }
    nav#menu > ul > li.alerts .alertBox .item{
        padding: 10px 12px;
    }
    nav#menu > ul > li.alerts .alertBox .item .thumb{
        width: 80px;
        height: 60px;
        margin: 2px 12px 8px 0;
    }
    nav#menu > ul > li.alerts .alertBox .item .infos .date{
        font-size: 11px;
        font-weight: 700;
    }
    nav#menu > ul > li.alerts .alertBox .item .infos .title{
        font-size: 12px;
        text-transform: none;
        margin: 3px 0;
    }
    nav#menu > ul > li.alerts .alertBox .item .infos .descript{
        font-size: 12px;
        text-transform: none;
    }
    nav#menu > ul > li.alerts .alertBox .seeAll{
        text-align: left;
        padding: 10px 14px;
        text-transform: none;
        font-size: 14px;
        color: #24282d;
        bottom: 0;
    }
    .alertClose{
        display: none;
    }
    nav#menu > ul > li.account > a{
        background-image: url(../img/submenu-mobile.png);
        background-position: right 15px center;
        background-repeat: no-repeat;
        padding-left: 40px;
    }
    nav#menu > ul > li.account > a .icon{
        width: 18px;
        height: 18px;
        background-image: url(../img/userMin.png);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left: 11px;
        top: 15px;
    }
    nav#menu > ul > li.account.has-children.open > a .icon{
        background-image: url(../img/userMin-hover.png);
    }
    nav#menu > ul > li.account:hover > a{
        background-image: url(../img/submenu-mobile.png);
    }
    nav#menu > ul > li.account.has-children.open > a{
        background-image: url(../img/submenu-mobile-hover.png);
    }
    nav#menu > ul > li.account .userBox{
        position: relative;
        top: 0;
        left: 0;
        max-height: 0px;
        max-width: 100%;
        border-radius: 0;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
        transition: all .1s linear;
    }
    nav#menu > ul > li.account .userBox .links a{
        padding: 12px 20px 10px 20px;
    }
    nav#menu > ul > li.account .userBox .header{
        padding: 10px 15px;
        border-top: 1px solid #c5cdd7;
    }
    nav#menu > ul > li.account .links a{
        padding: 10px 15px;
        color: #24282d;
    }
    nav#menu > ul > li.account.open .userBox{
        max-height: 600px;
    }
    .userBoxClose{
        display: none;
    }
    nav#menu > ul > li.alerts, nav#menu > ul > li.account{
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    nav#menu > ul > li > a {
        padding: 18px 16px 14px 16px;
    }
    nav#menu > ul > li > a:hover{
        background-color: transparent;
    }
    nav#menu > ul > li.has-children > ul > li a:hover, nav#menu > ul > li.has-children > ul > li.open:hover a{
        color: #23282e;
    }

    .hidden-mb{
        display: none;
    }

    #reportErro .content .box select{
        padding-top: 5px;
    }
    #reportErro .content .box input{
        padding-top: 6px;
    }
    #reportErro .content .box button{
        padding-top: 10px;
        padding-bottom: 5px;
    }

}

/* MOBILE */
@media screen and (max-width: 769px){
    iframe{
        height: 13rem !important;
        /* height: auto !important; */
    }
    main.cenas .right .cena .imgs{
        margin: 0 auto;
        max-width: 100%;
        float: none;
    }
    main.cenas .right .cena .infos{
        width: 100%;
        margin: 10px 0 0 0;
    }

    .slider-films.not-owl .item{
        width: 29.3%;
        margin: 2%;
        padding: 0;
    }

    .infosVideo .bottom .buttons{
        width: 100%;
        float: right;
        margin: 20px 0 0 0;
    }
    .infosVideo .bottom .buttons a{
        width: 48%;
        font-size: 11px;
        padding: 6px 5px 6px 28px;
        margin: 0 0 8px 3px;
        display: inline-block;
    }
    .infosVideo .bottom .buttons a.fav{
        background-position: 8px 4px;
    }
    .infosVideo .bottom .buttons a.erro{
        float: right;
    }
    .infosVideo .bottom .buttons a.photo{
        float: right;
    }
    .gallery .photos a{
        position: relative;
        display: inline-block;
        width: 50%;
    }

    #chat .body .message{
        padding: 14px;
    }
    #chat .body .message .pre{
        font-size: 14px;
    }
    #chat .body .message p.text{
        font-size: 13px;
    }
    #chat .form{
        height: auto;
    }
    #chat .form textarea{
        width: 70%;
        resize: none;
        overflow: hidden;
        height: 38px;
    }
    #chat .form .buttons{
        margin: 0;
        width: 30%;
    }
    #chat .form .buttons button{
        width: 90%;
        width: calc(100% - 10px);
        height: 38px;
        float: right;
    }
    #chat .form .buttons button[type=reset]{
        display: none;
    }


}

/* MOBILE BIG AND TABLET FIX */
@media screen and (min-width: 550px) and (max-width: 1180px){
    iframe{
        height: 15rem !important;

    }

    main.cenas .right .cena .imgs{
        margin: 0;
        float: left;
    }
    main.cenas .right .cena .infos{
        width: 62%;
        width: calc(100% - 255px);
        margin: 0;
    }
    main.cenas .right .cena .imgs:before{
        background-size: auto 100%;
    }

    .titleHome .seeAll{
        padding: 7px 6px 5px 6px;
    }

}