@media(max-width: 768px) {
    .main-header {
        height: auto;
        text-align: center;
    }
    .Logo {
        float: right;
        width: calc(100% - 57px);
        text-align: center;
        margin: 00;
        color: beige;
        margin-bottom: 10px;
        height: 56px;
        overflow: hidden;
        border-bottom: 1px solid #000000;
    }
    .mainMenu {
        display: block;
        float: none;
        clear: both;
        padding: 0 10px;
        margin: 67px 0 2px;
    }
    select.mob-select {
        display: block;
        width: 96%;
        height: 40px;
        padding-right: 10px;
        border-radius: 3px;
        background: #0c0c0c;
        border: 1px solid #222122;
        color: #fff;
        margin: 0 auto 10px;
    }
    .main-header .header-left {
        float: none;
        display: flex;
        width: 100%;
        text-align: center;
        padding: 0 3%;
    }
    .main-header .header-left form#s {
        float: none;
        width: 90%;
        display: inline-flex;
    }
    .main-header .header-left .users-logn {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-left: 3%;
    }
    .main-header .header-left form#s input#s {
        width: calc(100% - 40px);
    }
    .fixed-top {
        position: relative;
        top: auto;
        left: auto;
    }
    section.sliderMaster .item {
        height: 250px;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    li.movieItem {
        float: right;
        display: block;
        width: 32%;
        height: 420px;
        overflow: hidden;
        margin-top: 18px;
        margin-left: 2%;
    }
    li.movieItem:nth-child(6n+0) {
        margin-left:1%;
    }
    li.movieItem:nth-child(3n+0) {
        margin-left: auto
    }
    li.movieItem a img {height: 360px;}
    li.movieItem a:after {
        height: 360px;
    }
    footer .col {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
    }
    .single-header > div >.right {
        float: none;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .singleTopper ul.userAcLi {
        float: none;
        width: 100%;
        clear: both;
    }
    .singleTopper ul.userAcLi li {
        float: right;
        width: 50%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .singleTopper ul.userAcLi li i {
        float: none;
        font-size: inherit;
        line-height: inherit;
        padding-top: inherit;
    }
    .singleTopper ul.userAcLi li em {
        float: none;
        font-size: inherit;
        line-height: inherit;
        padding-top: inherit;
    }
    span.watch-later {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        color: beige;
        margin-right: 0;
    }
    ul.share-post {
        float: none;
        width: 100%;
        height: auto;
        clear: both;
        margin-top: 10px;
    }
    ul.share-post li {
        float: right;
        width: 49%;
        margin: 0;
        margin-bottom: 7px;
    }
    ul.share-post li:nth-child(odd) {
        margin-left: 2%;
    }
    .single-header > div >.right .single-thumbnail {
        float: none;
        display: block;
        width: 100%;
    }
    .single-header .infoBox {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .breadcrumbs-single {
        height: 80px;
    }
    .single-header > div > .left {
        float: none;
        display: block;
        width: 100%;
        margin: 10px 0;
        margin-right: 0;
    }
    ul.serversList li {
        float: right;
        width: 100%;
        text-align: center;
    }
    ul.serversList li span:after {
        display: none;
    }
    .watchAreaMaster .holder {
        height: 300px;
    }
    .episodes-list table tbody tr th:nth-child(2) {
        width: 50%;
    }
    .episodes-list table tbody tr th:nth-child(3) {
        width: 42%;
    }
    .breadcrumbs-single li {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    .breadcrumbs-single i {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        line-height: 20px;
        transform: rotate(-90deg);
    }
    .breadcrumbs-single {
        line-height: inherit;
        padding: 10px 20px;
        text-align: center;
        height: 80px;
    }
    .breadcrumbs-single li a {
        display: block;
        width: 100%;
        text-align: center;
    }
    .user-interface > .right {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
    }
    .user-interface > .left {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
        margin-top: 20px;
    }
    li.user-list-block {
        float: none;
        width: 100%;
        display: block;
        margin-top: 15px;
    }
    li.related-news-b {
        float: none;
        display: block;
        width: 100%;
        margin-top: 15px;
    }
    .newsShare ul {
        float: none;
        display: block;
        width: 100%;
    }
    .newsShare {
        float: none;
        display: block;
        width: 90%;
    }
    section.header-news .newsTitle {
        width: 100%;
        bottom: 50px;
        text-align: center;
    }
    .genresList li {
        float: right;
        width: 32.6%;
        margin-left: 1%;
    }
    .genresList li:nth-child(7n+0) {
        margin-left: 1%;
    }
    .genresList li:nth-child(3n+0) {
        margin-left: auto;
    }
    .siteContent.active {
        transform: translate(0,0);
    }
    section.sliderThree .item .sliderThumb {
        display: none;
    }
    section.sliderThree .item .sliderRight {
        float: none;
        display: block;
        width: 100%;
        padding-top: 45px;
    }
    a.sliderThreeePrev {
        top: 5px;
        left: 40%;
    }
    a.sliderThreeeNext {
        top: 5px;
        right: 40%;
    }
    section.sliderThree .item .sliderRight .title {
        height: auto;
        line-height: inherit;
        padding: 3px 0;
        font-size: 19px;
    }
    section.sliderThree .item {
        overflow: hidden !important;
    }
    .watchEpisodesHolder .IFramHolder iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }
    ul.donwload-servers-list li {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .watchEpisodesHolder ul.s-list {
        float: none;
        display: block;
        width: 100%;
        height: 200px;
        margin: 0 auto 13px;
    }
    .watchEpisodesHolder .IFramHolder {
        display: block;
        margin: 0;
        width: 100%;
        float: none;
        height: 360px;
    }
    h1.TitleMaster {
        height: auto;
    }
    h1.TitleMaster > span > em {
        font-size: 18px;
        line-height: initial;
        padding: 6px 10px;
    }
    ul.donwload-two-list li.col {
        float: none;
        display: block;
        width: 100%;
    }
    ul.donwload-two-list li.col .list-links a {
        width: 49%;
        float: right;
        height: auto;
        margin: 0 !important;
        margin-top: 6px !important;
    }
    .list-links {
        height: auto;
    }
    a.bactToSingle {
        float: none !important;
        display: block !important;
        clear: both !important;
        text-align: center;
        width: 90% !important;
        margin: 0 auto 10px !important;
    }
    ul.donwload-two-list li.col .list-links a:nth-child(odd) {
        margin-left: 2% !important;
    }
    form#orderMovies .formItem label {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    form#orderMovies .formItem textarea {
        float: right;
        width: 100%;
        display: block;
    }
    form#orderMovies .formItem input {
        float: none;
        display: block;
        width: 100%;
    }
    .MasterBar .left li {
        width: 49%;
    }
    .MasterBar .left {
        width: 29%;
        float: left;
    }
    .MasterBar {
        height: auto;
        padding: 10px 0;
    }
    .searcMaster {
        float: right;
        display: block;
        width: 70%;
        margin: 0;
    }
    .LoginMaster {
        width: 90%;
        overflow: hidden;
    }
    .registerMaster .right {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 15px;
    }
    .registerMaster .left {
        float: none;
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-right: 0;
        height: auto;
    }
    .registerMaster {
        margin: 20px auto;
    }
    .jc-bs3-row.row.justify-content-md-center.justify-content-sm-center.justify-content-xs-center.justify-content-lg-center {
        width: 320px;
        margin: 0 auto;
    }
    section.ads .adHolder {
        float: none;
        display: block;
        width: 100%;
        height: 120px;
        margin-top: 13px;
    }
}
@media(max-width: 575px) {
    .main-header .header-left .users-logn ul {
        right: 0;
        left: auto;
    }
    .postDate {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-right: 0;
    }
    h1.TitleMaster a {
        margin-bottom: 7px;
    }
        .ph-slider .item {
        height: 190px;
    }
    section.header-news .newsTitle h1 {
        font-size: 22px;
        padding: 10px;
    }
    .beadcrumbs {
        height: auto;
    }
    .EpsList li {
        float: none;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .main-header {
        height: auto;
        text-align: center;
    }
    .Logo {
        float: right;
        width: calc(100% - 57px);
        text-align: center;
        margin: 00;
        color: beige;
        margin-bottom: 10px;
        height: 56px;
        overflow: hidden;
        border-bottom: 1px solid #000000;
    }
    .mainMenu {
        display: block;
        float: none;
        clear: both;
        padding: 0 10px;
        margin: 67px 0 2px;
    }
    select.mob-select {
        display: block;
        width: 100%;
        height: 40px;
        padding-right: 10px;
        border-radius: 3px;
        background: #0c0c0c;
        border: 1px solid #222122;
        color: #fff;
    }
    .main-header .header-left {
        float: none;
        display: flex;
        width: 100%;
        text-align: center;
        padding: 0 3%;
    }
    .main-header .header-left form#s {
        float: none;
        width: 90%;
        display: inline-flex;
    }
    .main-header .header-left .users-logn {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-left: 3%;
    }
    .main-header .header-left form#s input#s {
        width: calc(100% - 40px);
    }
    .fixed-top {
        position: relative;
        top: auto;
        left: auto;
    }
    section.sliderMaster .item {
        height: 250px;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    li.movieItem {
        float: none;
        display: block;
        width: 100%;
        height: 420px;
        overflow: hidden;
        margin-top: 18px;
    }
    li.movieItem a img {height: 360px;}
    li.movieItem a:after {
        height: 360px;
    }
    footer .col {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
    }
    .single-header > div >.right {
        float: none;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .singleTopper ul.userAcLi {
        float: none;
        width: 100%;
        clear: both;
    }
    .singleTopper ul.userAcLi li {
        float: right;
        width: 50%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .singleTopper ul.userAcLi li i {
        float: none;
        font-size: inherit;
        line-height: inherit;
        padding-top: inherit;
    }
    .singleTopper ul.userAcLi li em {
        float: none;
        font-size: inherit;
        line-height: inherit;
        padding-top: inherit;
    }
    span.watch-later {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        color: beige;
        margin-right: 0;
    }
    ul.share-post {
        float: none;
        width: 100%;
        height: auto;
        clear: both;
        margin-top: 10px;
    }
    ul.share-post li {
        float: right;
        width: 49%;
        margin: 0;
        margin-bottom: 7px;
    }
    ul.share-post li:nth-child(odd) {
        margin-left: 2%;
    }
    .single-header > div >.right .single-thumbnail {
        float: none;
        display: block;
        width: 100%;
    }
    .single-header .infoBox {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .breadcrumbs-single {
        height: 80px;
    }
    .single-header > div > .left {
        float: none;
        display: block;
        width: 100%;
        margin: 10px 0;
        margin-right: 0;
    }
    ul.serversList li {
        float: right;
        width: 100%;
        text-align: center;
    }
    ul.serversList li span:after {
        display: none;
    }
    .watchAreaMaster .holder {
        height: 300px;
    }
    .episodes-list table tbody tr th:nth-child(2) {
        width: 50%;
    }
    .episodes-list table tbody tr th:nth-child(3) {
        width: 42%;
    }
    .breadcrumbs-single li {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    .breadcrumbs-single i {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        line-height: 20px;
        transform: rotate(-90deg);
    }
    .breadcrumbs-single {
        line-height: inherit;
        padding: 10px 20px;
        text-align: center;
        height: 80px;
    }
    .breadcrumbs-single li a {
        display: block;
        width: 100%;
        text-align: center;
    }
    .user-interface > .right {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
    }
    .user-interface > .left {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
        margin-top: 20px;
    }
    li.user-list-block {
        float: none;
        width: 100%;
        display: block;
        margin-top: 15px;
    }
    li.related-news-b {
        float: none;
        display: block;
        width: 100%;
        margin-top: 15px;
    }
    .newsShare ul {
        float: none;
        display: block;
        width: 100%;
    }
    .newsShare {
        float: none;
        display: block;
        width: 90%;
    }
    section.header-news .newsTitle {
        width: 100%;
        bottom: 50px;
        text-align: center;
    }
    .genresList li {
        float: right;
        width: 48%;
        margin-left: 0;
    }
    .genresList li:nth-child(odd) {
        margin-left: 4%;
    }
    .siteContent.active {
        transform: translate(0,0);
    }
    section.sliderThree .item .sliderThumb {
        display: none;
    }
    section.sliderThree .item .sliderRight {
        float: none;
        display: block;
        width: 100%;
        padding-top: 45px;
    }
    a.sliderThreeePrev {
        top: 5px;
        left: 40%;
    }
    a.sliderThreeeNext {
        top: 5px;
        right: 40%;
    }
    section.sliderThree .item .sliderRight .title {
        height: auto;
        line-height: inherit;
        padding: 3px 0;
        font-size: 19px;
    }
    section.sliderThree .item {
        overflow: hidden !important;
    }
    .watchEpisodesHolder .IFramHolder iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }
    ul.donwload-servers-list li {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .watchEpisodesHolder ul.s-list {
        float: none;
        display: block;
        width: 100%;
        height: 200px;
        margin: 0 auto 13px;
    }
    .watchEpisodesHolder .IFramHolder {
        display: block;
        margin: 0;
        width: 100%;
        float: none;
        height: 360px;
    }
    h1.TitleMaster {
        height: auto;
    }
    h1.TitleMaster > span > em {
        font-size: 18px;
        line-height: initial;
        padding: 6px 10px;
    }
    ul.donwload-two-list li.col {
        float: none;
        display: block;
        width: 100%;
    }
    ul.donwload-two-list li.col .list-links a {
        width: 49%;
        float: right;
        height: auto;
        margin: 0 !important;
        margin-top: 6px !important;
    }
    .list-links {
        height: auto;
    }
    a.bactToSingle {
        float: none !important;
        display: block !important;
        clear: both !important;
        text-align: center;
        width: 90% !important;
        margin: 0 auto 10px !important;
    }
    ul.donwload-two-list li.col .list-links a:nth-child(odd) {
        margin-left: 2% !important;
    }
    form#orderMovies .formItem label {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    form#orderMovies .formItem textarea {
        float: right;
        width: 100%;
        display: block;
    }
    form#orderMovies .formItem input {
        float: none;
        display: block;
        width: 100%;
    }
    .MasterBar .left li {
        width: 49%;
    }
    .MasterBar .left {
        display: block;
        width: 100%;
        float: none;
    }
    .MasterBar {
        height: auto;
        padding: 10px 0;
    }
    .searcMaster {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
    }
    .LoginMaster {
        width: 90%;
        overflow: hidden;
    }
    .registerMaster .right {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 15px;
    }
    .registerMaster .left {
        float: none;
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-right: 0;
        height: auto;
    }
    .registerMaster {
        margin: 20px auto;
    }
    .jc-bs3-row.row.justify-content-md-center.justify-content-sm-center.justify-content-xs-center.justify-content-lg-center {
        width: 320px;
        margin: 0 auto;
    }
    section.ads .adHolder {
        float: none;
        display: block;
        width: 100%;
        height: 70px;
        margin-top: 13px;
    }
}
@media(max-width: 480px) {
    .modal-dialog {
        padding: 20px 10px;
    }
    .close {
        position: relative;
        top: 0;
        float: left;
        left: 0;
        width: 100%;
        clear: both;
    }
    #pt-user-modal h3 {
        font-size: 27px;
        padding-top: 13px;
    }
    .main-header .header-left .users-logn ul {
        right: 0;
        left: auto;
    }
    .postDate {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-right: 0;
    }
    h1.TitleMaster a {
        margin-bottom: 7px;
    }
    span.listeningLater {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        margin: 10px 0;
        margin-right: 0;
    }
    li.snogBlock .right-side a i {
        display: none;
    }
    li.snogBlock {
        height: auto;
        text-align: center;
        padding-bottom: 10px;
        padding-top: 7px;
    }
    li.snogBlock .left-side {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    li.snogBlock .left-side a {
        display:inline-block;
        float: none;
    }
    li.snogBlock .right-side {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    li.snogBlock .right-side a {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    li.snogBlock .right-side a em {
        float: none;
        display: block;
        width: 100%;
        line-height: 34px;
    }
    .ph-slider .item {
        height: 190px;
    }
    section.header-news .newsTitle h1 {
        font-size: 22px;
        padding: 10px;
    }
    .beadcrumbs {
        height: auto;
    }
    .EpsList li {
        float: none;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .main-header {
        height: auto;
        text-align: center;
    }
    .Logo {
        float: right;
        width: calc(100% - 57px);
        text-align: center;
        margin: 00;
        color: beige;
        margin-bottom: 10px;
        height: 56px;
        overflow: hidden;
        border-bottom: 1px solid #000000;
    }
    .mainMenu {
        display: block;
        float: none;
        clear: both;
        padding: 0 10px;
        margin: 67px 0 2px;
    }
    select.mob-select {
        display: block;
        width: 100%;
        height: 40px;
        padding-right: 10px;
        border-radius: 3px;
        background: #0c0c0c;
        border: 1px solid #222122;
        color: #fff;
    }
    .main-header .header-left {
        float: none;
        display: flex;
        width: 100%;
        text-align: center;
        padding: 0 3%;
    }
    .main-header .header-left form#s {
        float: none;
        width: 90%;
        display: inline-flex;
    }
    .main-header .header-left .users-logn {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-left: 3%;
    }
    .main-header .header-left form#s input#s {
        width: calc(100% - 40px);
    }
    .fixed-top {
        position: relative;
        top: auto;
        left: auto;
    }
    section.sliderMaster .item {
        height: 250px;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    li.movieItem {
        float: right;
        display: block;
        width: 48%;
        height: 330px;
        overflow: hidden;
        margin-top: 18px;
        margin-left: 0;
    }
    li.movieItem a img {height: 270px;}
    li.movieItem a:after {
        height: 360px;
    }
    li.movieItem:nth-child(odd) {
        margin-left:4%
    }
    footer .col {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
    }
    .single-header > div >.right {
        float: none;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .singleTopper ul.userAcLi {
        float: none;
        width: 100%;
        clear: both;
    }
    .singleTopper ul.userAcLi li {
        float: right;
        width: 50%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .singleTopper ul.userAcLi li i {
        float: none;
        font-size: inherit;
        line-height: inherit;
        padding-top: inherit;
    }
    .singleTopper ul.userAcLi li em {
        float: none;
        font-size: inherit;
        line-height: inherit;
        padding-top: inherit;
    }
    span.watch-later {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        color: beige;
        margin-right: 0;
    }
    ul.share-post {
        float: none;
        width: 100%;
        height: auto;
        clear: both;
        margin-top: 10px;
    }
    ul.share-post li {
        float: right;
        width: 49%;
        margin: 0;
        margin-bottom: 7px;
    }
    ul.share-post li:nth-child(odd) {
        margin-left: 2%;
    }
    .single-header > div >.right .single-thumbnail {
        float: none;
        display: block;
        width: 100%;
    }
    .single-header .infoBox {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .breadcrumbs-single {
        height: 80px;
    }
    .single-header > div > .left {
        float: none;
        display: block;
        width: 100%;
        margin: 10px 0;
        margin-right: 0;
    }
    ul.serversList li {
        float: right;
        width: 100%;
        text-align: center;
    }
    ul.serversList li span:after {
        display: none;
    }
    .watchAreaMaster .holder {
        height: 300px;
    }
    .episodes-list table tbody tr th:nth-child(2) {
        width: 50%;
    }
    .episodes-list table tbody tr th:nth-child(3) {
        width: 42%;
    }
    .breadcrumbs-single li {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    .breadcrumbs-single i {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        line-height: 20px;
        transform: rotate(-90deg);
    }
    .breadcrumbs-single {
        line-height: inherit;
        padding: 10px 20px;
        text-align: center;
        height: 80px;
    }
    .breadcrumbs-single li a {
        display: block;
        width: 100%;
        text-align: center;
    }
    .user-interface > .right {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
    }
    .user-interface > .left {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
        margin-top: 20px;
    }
    li.user-list-block {
        float: none;
        width: 100%;
        display: block;
        margin-top: 15px;
    }
    li.related-news-b {
        float: none;
        display: block;
        width: 100%;
        margin-top: 15px;
    }
    .newsShare ul {
        float: none;
        display: block;
        width: 100%;
    }
    .newsShare {
        float: none;
        display: block;
        width: 90%;
    }
    section.header-news .newsTitle {
        width: 100%;
        bottom: 50px;
        text-align: center;
    }
    .genresList li {
        float: right;
        width: 48%;
        margin-left: 0;
    }
    .genresList li:nth-child(odd) {
        margin-left: 4%;
    }
    .siteContent.active {
        transform: translate(0,0);
    }
    section.sliderThree .item .sliderThumb {
        display: none;
    }
    section.sliderThree .item .sliderRight {
        float: none;
        display: block;
        width: 100%;
        padding-top: 45px;
    }
    a.sliderThreeePrev {
        top: 5px;
        left: 40%;
    }
    a.sliderThreeeNext {
        top: 5px;
        right: 40%;
    }
    section.sliderThree .item .sliderRight .title {
        height: auto;
        line-height: inherit;
        padding: 3px 0;
        font-size: 19px;
    }
    section.sliderThree .item {
        overflow: hidden !important;
    }
    .watchEpisodesHolder .IFramHolder iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }
    ul.donwload-servers-list li {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .watchEpisodesHolder ul.s-list {
        float: none;
        display: block;
        width: 100%;
        height: 200px;
        margin: 0 auto 13px;
    }
    .watchEpisodesHolder .IFramHolder {
        display: block;
        margin: 0;
        width: 100%;
        float: none;
        height: 360px;
    }
    h1.TitleMaster {
        height: auto;
    }
    h1.TitleMaster > span > em {
        font-size: 18px;
        line-height: initial;
        padding: 6px 10px;
    }
    ul.donwload-two-list li.col {
        float: none;
        display: block;
        width: 100%;
    }
    ul.donwload-two-list li.col .list-links a {
        width: 49%;
        float: right;
        height: auto;
        margin: 0 !important;
        margin-top: 6px !important;
    }
    .list-links {
        height: auto;
    }
    a.bactToSingle {
        float: none !important;
        display: block !important;
        clear: both !important;
        text-align: center;
        width: 90% !important;
        margin: 0 auto 10px !important;
    }
    ul.donwload-two-list li.col .list-links a:nth-child(odd) {
        margin-left: 2% !important;
    }
    form#orderMovies .formItem label {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    form#orderMovies .formItem textarea {
        float: right;
        width: 100%;
        display: block;
    }
    form#orderMovies .formItem input {
        float: none;
        display: block;
        width: 100%;
    }
    .MasterBar .left li {
        width: 49%;
    }
    .MasterBar .left {
        display: block;
        width: 100%;
        float: none;
    }
    .MasterBar {
        height: auto;
        padding: 10px 0;
    }
    .searcMaster {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
    }
    .LoginMaster {
        width: 90%;
        overflow: hidden;
    }
    .registerMaster .right {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 15px;
    }
    .registerMaster .left {
        float: none;
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-right: 0;
        height: auto;
    }
    .registerMaster {
        margin: 20px auto;
    }
    .jc-bs3-row.row.justify-content-md-center.justify-content-sm-center.justify-content-xs-center.justify-content-lg-center {
        width: 320px;
        margin: 0 auto;
    }
    section.ads .adHolder {
        float: none;
        display: block;
        width: 100%;
        height: 70px;
        margin-top: 13px;
    }
}
@media(max-width: 380px) {
    .main-header {
        height: auto;
        text-align: center;
    }
    .Logo {
        float: right;
        width: calc(100% - 57px);
        text-align: center;
        margin: 00;
        color: beige;
        margin-bottom: 10px;
        height: 56px;
        overflow: hidden;
        border-bottom: 1px solid #000000;
    }
    .mainMenu {
        display: block;
        float: none;
        clear: both;
        padding: 0 10px;
        margin: 67px 0 2px;
    }
    select.mob-select {
        display: block;
        width: 100%;
        height: 40px;
        padding-right: 10px;
        border-radius: 3px;
        background: #0c0c0c;
        border: 1px solid #222122;
        color: #fff;
    }
    .main-header .header-left {
        float: none;
        display: flex;
        width: 100%;
        text-align: center;
        padding: 0 3%;
    }
    .main-header .header-left form#s {
        float: none;
        width: 94%;
        display: inline-flex;
    }
    .main-header .header-left .users-logn {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-left: 3%;
    }
    .main-header .header-left form#s input#s {
        width: calc(100% - 40px);
    }
    .fixed-top {
        position: relative;
        top: auto;
        left: auto;
    }
    section.sliderMaster .item {
        height: 250px;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    li.movieItem {
        float: right;
        display: block;
        width: 48%;
        height: 250px;
        overflow: hidden;
        margin-top: 18px;
        margin-left: 0;
    }
    li.movieItem a img {height: 190px;}
    li.movieItem a:after {
        height: 360px;
    }
    li.movieItem:nth-child(odd) {
        margin-left: 4%
    }
    footer .col {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
    }
    .single-header > div >.right {
        float: none;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .singleTopper ul.userAcLi {
        float: none;
        width: 100%;
        clear: both;
    }
    .singleTopper ul.userAcLi li {
        float: right;
        width: 50%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .singleTopper ul.userAcLi li i {
        float: none;
        font-size: inherit;
        line-height: inherit;
        padding-top: inherit;
    }
    .singleTopper ul.userAcLi li em {
        float: none;
        font-size: inherit;
        line-height: inherit;
        padding-top: inherit;
    }
    span.watch-later {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        color: beige;
        margin-right: 0;
    }
    ul.share-post {
        float: none;
        width: 100%;
        height: auto;
        clear: both;
        margin-top: 10px;
    }
    ul.share-post li {
        float: right;
        width: 49%;
        margin: 0;
        margin-bottom: 7px;
    }
    ul.share-post li:nth-child(odd) {
        margin-left: 2%;
    }
    .single-header > div >.right .single-thumbnail {
        float: none;
        display: block;
        width: 100%;
    }
    .single-header .infoBox {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .breadcrumbs-single {
        height: 80px;
    }
    .single-header > div > .left {
        float: none;
        display: block;
        width: 100%;
        margin: 10px 0;
        margin-right: 0;
    }
    ul.serversList li {
        float: right;
        width: 100%;
        text-align: center;
    }
    ul.serversList li span:after {
        display: none;
    }
    .watchAreaMaster .holder {
        height: 300px;
    }
    .episodes-list table tbody tr th:nth-child(2) {
        width: 50%;
    }
    .episodes-list table tbody tr th:nth-child(3) {
        width: 42%;
    }
    .breadcrumbs-single li {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    .breadcrumbs-single i {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        line-height: 20px;
        transform: rotate(-90deg);
    }
    .breadcrumbs-single {
        line-height: inherit;
        padding: 10px 20px;
        text-align: center;
        height: 80px;
    }
    .breadcrumbs-single li a {
        display: block;
        width: 100%;
        text-align: center;
    }
    .user-interface > .right {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
    }
    .user-interface > .left {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
        margin-top: 20px;
    }
    li.user-list-block {
        float: none;
        width: 100%;
        display: block;
        margin-top: 15px;
    }
    li.related-news-b {
        float: none;
        display: block;
        width: 100%;
        margin-top: 15px;
    }
    .newsShare ul {
        float: none;
        display: block;
        width: 100%;
    }
    .newsShare {
        float: none;
        display: block;
        width: 90%;
    }
    section.header-news .newsTitle {
        width: 100%;
        bottom: 50px;
        text-align: center;
    }
    .genresList li {
        float: right;
        width: 48%;
        margin-left: 0;
    }
    .genresList li:nth-child(odd) {
        margin-left: 4%;
    }
    .siteContent.active {
        transform: translate(0,0);
    }
    section.sliderThree .item .sliderThumb {
        display: none;
    }
    section.sliderThree .item .sliderRight {
        float: none;
        display: block;
        width: 100%;
        padding-top: 45px;
    }
    a.sliderThreeePrev {
        top: 5px;
        left: 40%;
    }
    a.sliderThreeeNext {
        top: 5px;
        right: 40%;
    }
    section.sliderThree .item .sliderRight .title {
        height: auto;
        line-height: inherit;
        padding: 3px 0;
        font-size: 19px;
    }
    section.sliderThree .item {
        overflow: hidden !important;
    }
    .watchEpisodesHolder .IFramHolder iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
    }
    ul.donwload-servers-list li {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .watchEpisodesHolder ul.s-list {
        float: none;
        display: block;
        width: 100%;
        height: 200px;
        margin: 0 auto 13px;
    }
    .watchEpisodesHolder .IFramHolder {
        display: block;
        margin: 0;
        width: 100%;
        float: none;
        height: 360px;
    }
    h1.TitleMaster {
        height: auto;
    }
    h1.TitleMaster > span > em {
        font-size: 18px;
        line-height: initial;
        padding: 6px 10px;
    }
    ul.donwload-two-list li.col {
        float: none;
        display: block;
        width: 100%;
    }
    ul.donwload-two-list li.col .list-links a {
        width: 49%;
        float: right;
        height: auto;
        margin: 0 !important;
        margin-top: 6px !important;
    }
    .list-links {
        height: auto;
    }
    a.bactToSingle {
        float: none !important;
        display: block !important;
        clear: both !important;
        text-align: center;
        width: 90% !important;
        margin: 0 auto 10px !important;
    }
    ul.donwload-two-list li.col .list-links a:nth-child(odd) {
        margin-left: 2% !important;
    }
    form#orderMovies .formItem label {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    form#orderMovies .formItem textarea {
        float: right;
        width: 100%;
        display: block;
    }
    form#orderMovies .formItem input {
        float: none;
        display: block;
        width: 100%;
    }
    .MasterBar .left li {
        width: 49%;
    }
    .MasterBar .left {
        display: block;
        width: 100%;
        float: none;
    }
    .MasterBar {
        height: auto;
        padding: 10px 0;
    }
    .searcMaster {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
    }
    .LoginMaster {
        width: 90%;
        overflow: hidden;
    }
    .registerMaster .right {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 15px;
    }
    .registerMaster .left {
        float: none;
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-right: 0;
        height: auto;
    }
    .registerMaster {
        margin: 20px auto;
    }
    .jc-bs3-row.row.justify-content-md-center.justify-content-sm-center.justify-content-xs-center.justify-content-lg-center {
        width: 320px;
        margin: 0 auto;
    }
    section.ads .adHolder {
        float: none;
        display: block;
        width: 100%;
        height: 70px;
        margin-top: 13px;
    }
    .EpsList li {
        float: none;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .ph-slider .item {
        height: 190px;
    }
    section.header-news .newsTitle h1 {
        font-size: 22px;
        padding: 10px;
    }
    .beadcrumbs {
        height: auto;
    }
    span.listeningLater {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        margin: 10px 0;
        margin-right: 0;
    }
    li.snogBlock .right-side a i {
        display: none;
    }
    li.snogBlock {
        height: auto;
        text-align: center;
        padding-bottom: 10px;
        padding-top: 7px;
    }
    li.snogBlock .left-side {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    li.snogBlock .left-side a {
        display:inline-block;
        float: none;
    }
    li.snogBlock .right-side {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    li.snogBlock .right-side a {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    li.snogBlock .right-side a em {
        float: none;
        display: block;
        width: 100%;
        line-height: 34px;
    }
    .postDate {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-right: 0;
    }
    h1.TitleMaster a {
        margin-bottom: 7px;
    }
    .main-header .header-left .users-logn ul {
        right: 0;
        left: auto;
    }
    .modal-dialog {
        padding: 20px 10px;
    }
    .close {
        position: relative;
        top: 0;
        float: left;
        left: 0;
        width: 100%;
        clear: both;
    }
    #pt-user-modal h3 {
        font-size: 27px;
        padding-top: 13px;
    }
}