@media(max-width:768px) {
    #slider,
    .slide_bb {
        width: 400px;
        display: none
    }
    body {
        overflow-x: hidden
    }
    #slider-nav {
        max-width: 400px;
        display: none
    }
    header .wrapper {
        width: 100%;
        display: inline-table
    }
    .bg-right-head {
        float: unset;
        width: 100%;
        padding-left: 0
    }
    #homelink {
        position: relative!important;
        margin: 0 auto
    }
    .search_field input {
        width: 80%;
        margin: 0 auto;
        display: block;
        text-align: center;
        position: inherit;
        margin-top: 10px!important
    }
    .search {
        margin: 0;
        margin-left: 2.5%
    }
    .btn-sb {
        margin-top: 1.2%;
        width: auto!important;
        margin-bottom: 6px
    }
    .search .btn-sb {
        width: 14%!important;
        margin-left: 83%!important
    }
    #movie-result {
        width: 80%
    }
    #box-ss {
        width: 100%!important
    }
    #box-ss div img {
        width: 100%
    }
    #box-ss #rs_1 {
        width: 15%!important
    }
    #box-ss #rs_2 {
        width: 84%!important
    }
    .login-input {
        width: 40%;
        margin-bottom: 1%
    }
    #login_ {
        display: block;
        margin-top: 10px;
        margin: 0 auto;
        min-width: 20%
    }
    #login_fr {
        margin: 0 auto;
        text-align: center
    }
    #getting {
        margin-bottom: 2%;
        margin-top: 1%
    }
    #getting span {
        margin-left: 0!important
    }
    form#login_fr a img {
        display: none
    }
    .bg-left-head {
        width: 100%
    }
    #search_field {
        margin-top: 15px;
        position: absolute
    }
    .user-box .avatar {
        float: none
    }
    .user-box .menu {
        display: inline-flex;
        margin-left: 15%;
        width: 100%;
        float: none;
        margin-top: 3%
    }
    .user-box .menu a {
        margin: 5px
    }
    .user-box {
        display: none
    }
    .rs_userbox {
        display: block!important;
        width: 100%;
        height: 50px;
        background: #111;
        font-size: 12px;
        font-family: open sans condensed, Arial
    }
    .rs_userbox ul.menum {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .rs_userbox ul.menum li {
        display: inline-table;
        height: 50px;
        float: left
    }
    .rs_userbox ul.menum li a {
        padding: 12px 10px
    }
    .rs_userbox ul.menum li:first-child a {
        padding: 0
    }
    .rs_userbox ul.menum li.explore {
        float: right;
        padding: 10px;
        font-size: 2em
    }
    .rs_userbox ul.menum li.explore a {
        color: #646464
    }
    .rs_userbox ul.menum li.explore a:hover {
        color: #9c9c9c
    }
    .rs_userbox ul.menum li.login_c {
        padding-top: 4px
    }
    .rs_userbox ul.menum li.login_c a {
        color: #d82626;
        font-size: 12px
    }
    ul.explore_menu {
        display: none;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
        margin-bottom: 4%
    }
    ul.explore_menu li {
        display: inline-table;
        height: 50px
    }
    ul.explore_menu li a {
        padding: 12px 10px
    }
    nav#main_menu {
        width: 100%;
        display: inline-grid
    }
    .slide_bb {
        -moz-box-shadow: inset -40px 9px 44px #000;
        -webkit-box-shadow: inset -40px 9px 44px #000;
        box-shadow: inset -40px 9px 44px #000
    }
    .s-shadow {
        -moz-box-shadow: inset 40px 9px 44px #000;
        -webkit-box-shadow: inset 40px 9px 44px #000;
        box-shadow: inset 40px 9px 44px #000;
        background: 0 0
    }
    .mainWrap {
        width: 100%
    }
    #rs_pomoc {
        background: url(//ekino-tv.pl/views/img/pomoc.png) 10px top no-repeat!important
    }
    #rs_clear_pad {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .menu-wrap {
        width: 100%!important;
        margin-right: 0!important
    }
    .movie-wrap {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .cover-list,
    .opis-list {
        margin-left: 0!important;
        width: 65%!important;
        height: auto!important;
        max-height: 300px!important
    }
    .cover-list a img,
    .cover-list img {
        width: auto!important
    }
    .cover-list {
        width: 21%!important;
        padding-left: 10px;
    }
    .info-list {
        width: auto!important
    }
    ul.movieCategories {
        width: 100%!important;
        text-align: center
    }
    .helpp img.left {
        margin: 0!important;
        width: -webkit-fill-available
    }
    .helpp p {
        padding: 5px;
        text-align: center
    }
    .mostPopular ul.list {
        width: 100%!important
    }
    .mostPopular ul.list .scope_left {
        width: 15%!important
    }
    .mostPopular ul.list .scope_left a img {
        width: 100%!important
    }
    .s-star_bg .num {
        font-size: 11px
    }
    .hover_number {
        width: auto!important
    }
    .mostPopular ul.list .scope_righ {
        width: 85%!important
    }
    .mostPopular {
        padding-left: 0!important
    }
    .mainWrap #rs_wrap {
        margin-left: 0!important
    }
    .mainWrap center a img {
        width: 100%!important
    }
    footer .bottom {
        height: 250px
    }
    footer .wrap {
        width: 100%
    }
    footer .bottom div {
        width: 100%
    }
    footer nav {
        width: 100%!important;
        text-align: center;
        margin: 0 auto
    }
    .swiper-pagination {
        float: none!important
    }
    .mostPopular {
        width: 100%;
        min-height: auto!important;
        margin-bottom: 20px
    }
    .sideRight {
        width: 100%!important;
        height: 100px!important
    }
    .addMovieBox {
        width: 100%!important
    }
    .form-horizontal .form-group {
        margin-left: 0!important;
        margin-right: 0!important
    }
    #rc-lost {
        width: auto!important
    }
    #pager {
        margin: 0 auto;
        float: none!important;
        text-align: center
    }
    img.moviePoster {
        width: 100%;
        height: auto
    }
    .players {
        width: 100%
    }
    .tab-pane a img {
        width: 100%!important;
        height: 100%!important
    }
    .actionsplayer li {
        display: block;
        line-height: 35px
    }
    #link_prop {
        margin-bottom: 20px;
        width: 100%!important
    }
    #form_comments_text {
        width: 100%!important
    }
    p.ocenfilm {
        margin-left: 0!important
    }
    ul#vote {
        text-align: center;
        width: 100%!important
    }
    .divcomment .body {
        width: 80%!important
    }
    #resp_catbox {
        margin-top: 20px!important
    }
    #resp_comment_b {
        width: 100%!important;
        margin-bottom: 10px;
        display: block
    }
    #pager {
        margin-top: 40px!important
    }
    #pager a,
    #pager span {
        display: inline!important
    }
    #resp_md1 {
        margin-right: 0!important;
        padding: 0
    }
    #resp_md2 {}
    #resp_md3 {
        padding: 0
    }
    #resp_md4 {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .helpp {
        padding: 20px
    }
    .rs_items_pad {
        padding: 0!important
    }
}

@media(min-width:991px) {
    #resp_md1 {
        width: 656px;
        min-height: 500px;
        margin-right: 40px;
        padding: 0
    }
    #resp_md2 {
        width: 166px;
        height: 100%;
        margin-right: 20px;
        padding: 0
    }
    #resp_md3 {
        width: 470px;
        min-height: 230px;
        padding: 0
    }
    #resp_md4 {
        width: 656px;
        min-height: 400px;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px
    }
    #resp_catbox {
        width: 300px;
        min-height: 500px;
        padding: 0;
        margin: 0
    }
}

@media(max-width:501px) {
    #resp_md2 {
        width: 100%
    }
    #resp_md3 {
        padding: 10px;
        width: 100%;
        margin-top: 9%
    }
    .payblockcost {
        margin-left: 4%!important
    }
    .payblockblack {
        width: 30%!important
    }
    textarea.promoted-link {
        font-size: 14px!important
    }
}

@media(max-width:321px) {
    .payblockbuy,
    .payblockcost {
        width: 80px!important;
        font-size: 25px!important
    }
    .payblockblack {
        font-size: 30px!important
    }
    .payblockbuy {
        margin-left: 4%!important
    }
}

@media(max-width:581px) {
    .langMovie {
        height: auto!important
    }
    .langMovie i {
        font-size: 17px!important
    }
}

@media(min-width:769px) and (max-width:990px) {
    img.moviePoster {
        width: 100%;
        height: auto
    }
}

@media(min-width:769px) and (max-width:1150px) {
    #slider,
    .slide_bb {
        width: 800px;
        display: block
    }
    #slider-nav {
        max-width: 800px;
        display: block
    }
    #shdow .s-shadow {
        width: 100%!important
    }
    .slide_bb {
        -moz-box-shadow: inset -40px 9px 44px #000;
        -webkit-box-shadow: inset -40px 9px 44px #000;
        box-shadow: inset -40px 9px 44px #000
    }
    .s-shadow {
        -moz-box-shadow: inset 40px 9px 44px #000;
        -webkit-box-shadow: inset 40px 9px 44px #000;
        box-shadow: inset 40px 9px 44px #000;
        background: 0 0
    }
    .owl-carousel {
        width: 800px!important
    }
    .mainWrap {
        margin: 0 auto
    }
    .menu-wrap {
        width: 100%!important;
        margin-right: 0!important
    }
    .movie-wrap {
        padding-left: 0!important;
        padding-right: 0!important
    }
    nav#main_menu {
        width: 100%;
        display: inline-grid
    }
    .addMovieBox {
        width: 100%!important
    }
    header .wrapper {
        width: 100%;
        display: inline-table
    }
    footer .bottom {
        height: 200px
    }
    footer .wrap {
        width: 100%
    }
    footer .bottom div {
        width: 100%
    }
    footer nav {
        width: 100%!important;
        text-align: center;
        margin: 0 auto
    }
    .tab-pane a img {
        width: 100%!important;
        height: 100%!important
    }
    .actionsplayer li {
        display: block;
        line-height: 35px
    }
    .players {
        width: 100%
    }
    #resp_md4 {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .helpp {
        padding: 20px
    }
}

.payblock {
    width: 100%;
    float: none!important
}

.payblockblack {
    width: 27%;
    margin-left: 0!important
}

.userLeft {
    position: relative;
    margin-right: 3%
}

.userRight_rs {
    background: #000;
    min-height: 200px;
    padding: 25px 1px 5px 5px
}

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

@media(max-width:1000px) and (min-width:769px) {
    .user-box {
        display: none
    }
    header .wrapper {
        width: 100%;
        display: inline-table
    }
    .bg-right-head {
        float: unset;
        width: 100%;
        padding-left: 0
    }
    #homelink {
        position: relative!important;
        margin: 0 auto
    }
    .search_field input {
        width: 80%;
        margin: 0 auto;
        display: block;
        text-align: center;
        position: inherit;
        margin-top: 10px!important
    }
    .search {
        margin: 0;
        margin-left: 2.5%
    }
    .btn-sb {
        margin-top: 1.2%;
        width: auto!important;
        margin-bottom: 6px
    }
    .search .btn-sb {
        width: 14%!important;
        margin-left: 83%!important
    }
    #movie-result {
        width: 80%
    }
    #box-ss {
        width: 100%!important
    }
    #box-ss div img {
        width: 100%
    }
    #box-ss #rs_1 {
        width: 15%!important
    }
    #box-ss #rs_2 {
        width: 84%!important
    }
    .login-input {
        width: 40%;
        margin-bottom: 1%
    }
    #login_ {
        display: block;
        margin-top: 10px;
        margin: 0 auto;
        min-width: 20%
    }
    #login_fr {
        margin: 0 auto;
        text-align: center
    }
    #getting {
        margin-bottom: 2%;
        margin-top: 1%
    }
    #getting span {
        margin-left: 0!important
    }
    form#login_fr a img {
        display: none
    }
    .bg-left-head {
        width: 100%
    }
    #search_field {
        margin-top: 15px;
        position: absolute
    }
    .user-box .avatar {
        float: none
    }
    .user-box .menu {
        display: inline-flex;
        margin-left: 15%;
        width: 100%;
        float: none;
        margin-top: 3%
    }
    .user-box .menu a {
        margin: 5px
    }
    .user-box {
        display: none
    }
    .rs_userbox {
        display: block!important;
        width: 100%;
        height: 50px;
        background: #111;
        font-size: 12px;
        font-family: open sans condensed, Arial
    }
    .rs_userbox ul.menum {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .rs_userbox ul.menum li {
        display: inline-table;
        height: 50px;
        float: left
    }
    .rs_userbox ul.menum li a {
        padding: 12px 10px
    }
    .rs_userbox ul.menum li:first-child a {
        padding: 0
    }
    .rs_userbox ul.menum li.explore {
        float: right;
        padding: 10px;
        font-size: 2em
    }
    .rs_userbox ul.menum li.explore a {
        color: #646464
    }
    .rs_userbox ul.menum li.explore a:hover {
        color: #9c9c9c
    }
    .rs_userbox ul.menum li.login_c {
        padding-top: 4px
    }
    .rs_userbox ul.menum li.login_c a {
        color: #d82626;
        font-size: 12px
    }
    ul.explore_menu {
        display: none;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
        margin-bottom: 4%
    }
    ul.explore_menu li {
        display: inline-table;
        height: 50px
    }
    ul.explore_menu li a {
        padding: 12px 10px
    }
    .mainWrap {
        margin: 0 auto;
        width: auto!important
    }
    .menu-wrap {
        width: 100%!important;
        margin-right: 0!important
    }
}

@media (max-width: 370px) {
    .cover-list {
        width: 23%!important;
    }

    .opis-list {
        width: 59% !important;
    }
}

@media (max-width: 400px) {
    .search {
        margin-left: 5px;
    }

    form#login_fr {
        margin-left: 5px;
    }

    .search_field input {
        width: calc(100% - 80px);
    }

    .search .btn-sb {
        width: 60px !important;
        margin-left: calc(100% - 69px) !important;
        margin-top: 9px;
    }

    #movie-result {
        width: 100%;
    }
}