@media (max-width:767px) and (min-width:320px) {
    /*
    .container {
        max-width: 98%;
    }
*/
    .aboutus_text .footerdesc h1:before {
        width: 60%;
        left: 40%;
    }
    .aboutus_text .footerdesc h1 {
        font-size: 20px;
    }
    body {
        font-size: 12px;
    }
    .lSSlideOuter .lSPager.lSGallery img {
        min-height: 300px;
    }
    .list-menu,
    .search-box {
        display: none;
    }
    #sidebar {
        width: 300px;
    }
    .title-bar {
        display: block;
        margin-bottom: 5px;
        overflow: hidden;
    }
    section.light-bg .title-bar h2,
    .title-bar h2 {
        text-align: left;
        text-decoration: none;
        margin-bottom: 10px;
        padding: 6px 0px;
        width: 100%;
        float: left;
    }
    .title-section h1,
    section.light-bg .title-bar h2,
    .title-bar h2,
    .wapper-title h4 {
        font-size: 20px;
    }
    .list-categories {
        display: inline-block;
        overflow: auto;
        overflow-y: hidden;
        max-width: 100%;
        margin: 0 0 1em;
        white-space: nowrap;
    }
    .title-bar:before {
        top: 43%;
    }
    ul.list-categories li {
        padding: 10px 0px 15px;
    }
    section.light-bg .title-bar ul {
        margin: 0px 0px;
        width: 100%;
        max-width: 100%;
    }
    .title-bar ul {
        padding: 0px;
        width: 100%;
        max-width: 100%;
    }
    .big-one-grid {
        grid-template-columns: auto;
    }
    .small-boxes-container {
        grid-template-columns: auto;
    }
    .attachment-section {
        padding: 70px 0px 30px 0px;
        background-image: url(images/XCOM@2x.png);
        background-size: cover;
        background-position: center
    }
    .title-bar:before {
        display: none;
    }
    .navbar {
        padding: 9px;
        height: 45px;
    }
    .wrapper,
    .page-margin-top {
        margin-top: 100px;
        position: relative;
    }
    .mobile-popup {
        display: block;
    }
    .footer-support.col-sm-12.col-md-2.col-lg-2 {
        padding-bottom: 50px;
    }
    .sign-in-sign-up-pop-up .row {
        flex-direction: column;
    }
    section {
        padding: 30px 0px;
        overflow: hidden;
    }
    .primeum span {
        display: none;
    }
    .primeum img {
        margin-right: 0px;
    }
    .slider .sign-up {
        padding: 4px 20px;
    }
    /* footer */
    .social-icon-footer ul {
        display: flex;
        width: 100%;
        margin: auto;
        list-style: none;
        color: #555F64;
        justify-content: space-between;
    }
    .social-icon-footer ul li a span {
        display: none;
    }
    .social-icon-footer ul li {
        font-size: 13px;
        color: #949CB0;
        margin-left: 0px;
        text-align: left;
    }
    .channel-categories-list {
        display: block;
        border-right: none;
        padding-top: 0px;
    }
    .social-icon-desc {
        text-align: left;
        display: flex;
        justify-content: left;
        font-size: 25px;
        margin: 20px 0px;
    }
    .wapper-title {
        margin-top: 20px;
    }
    /* subscription page */
    .subscrption-plan-page {
        padding: 100px 0px;
        height: auto;
    }
    .box-header {
        width: 100%;
    }
    .box-header-content {
        width: 100%;
    }
    /* search box */
    /* table cass */
    .table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    /** tab css **/
    .nav-tabs .nav-item {
        margin-bottom: 0;
        width: 50%;
        border: none;
        background: #008FD5;
        cursor: pointer;
    }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border: 0px;
        color: #fff;
        border-bottom: none;
        display: block;
        border-radius: 0;
        background-color: #008FD5;
        color: #fff;
    }
    .nav-tabs .nav-link {
        border: 1px solid transparent;
        background: #1fb1f8;
        color: #fff;
    }
    .nav-tabs {
        border-bottom: none;
    }
    .pop-up-bg {
        background: none;
    }
    .half-width {
        width: 100%;
        float: left;
    }
    .half-width:nth-child(2) {
        margin-left: 0px !important;
    }
    .sign-up-form {
        background: linear-gradient(180deg, #325DD2 0%, #C23483 100%) 0% 0% no-repeat padding-box;
        height: 100%;
        padding: 20px 10px;
    }
    .sign-up-text:after {
        width: 35%;
    }
    .usingCss .content-box-layout.max-content {
        justify-content: flex-end;
        width: 260px;
        text-align: left;
        max-width: 100%;
        bottom: 20px;
    }
    /*
    .usingCss .content-box-layout p {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
    }
*/
    /* .homeSlider {
        overflow: visible;
        height: 300px;
    } */
    .max-content {
        height: auto;
    }
    .homeSlider .content-box-layout {
        width: 320px;
    }
    .content-box-layout p {
        font-size: 14px;
        line-height: 18px;
    }
    .lSSlideOuter .lightSlider>*,
    .lSSlideOuter .lSGallery li {
        position: relative;
    }
    .homeSlider .lSSlideOuter .lSPager.lSGallery {
        margin-top: 0px;
        transition-duration: 400ms;
        width: 92.9444px;
        transform: translate3d(0px, 0px, 0px);
        position: relative;
        bottom: 1px;
    }
    .premium span {
        display: none;
    }
    .premium {
        padding: 1px 7px;
    }
    .shadow-layer-box .premium img {
        margin-right: 0px;
    }
    .box-container:nth-child(2) {
        padding: 0% 25%;
    }
    .play-btn {
        margin-right: 0px;
    }
    .copy-right-section h5 {
        text-align: center;
        margin: 15px 0px;
    }
    .video-banner {
        height: auto;
    }
    .subscrption-plan-page {
        height: auto;
    }
    .banner-text-live {
        position: absolute;
        margin-top: 0px;
        left: 0;
        margin-left: 0px;
        z-index: 2;
        display: flex;
        top: 0px;
        flex-direction: column;
        height: 100%;
        width: 100%;
        justify-content: center;
        vertical-align: middle;
        padding: 23px;
        text-align: center;
    }
    ul.list-categories li {
        margin-left: 15px;
    }
    .logo {
        padding: 0px;
        /*        margin-right: 29px;*/
    }
    a.header-button {
        background-image: linear-gradient(-90deg, #325DD2, #C23483);
        color: #FFFFFF;
        padding: 6px 15px;
        font-size: 11px;
        border-radius: 4px;
    }
    .mobile-search {
        display: block;
        padding: 0px 0px;
        background-image: linear-gradient(-90deg, #325DD2, #C23483);
        color: #FFFFFF;
        border-radius: 2px;
    }
    .search-box-mobile {
        position: absolute;
        left: 0px;
        width: 100%;
        margin-top: 15px;
        text-align: center;
        background-image: linear-gradient(-90deg, #325DD2, #C23483);
        padding: 10px;
    }
    .search-box-mobile input {
        width: 97%;
        margin: 0px auto;
        float: none;
        border-radius: 6px;
        border: 0px;
        padding: 3px 10px;
    }
    nav.navbar div.container {
        justify-content: space-between;
    }
    .mobile-search i {
        padding: 6px 10px;
    }
    .lSPager.lSGallery {
        display: none;
    }
    .small-boxes-container-horizontal {
        display: grid;
        grid-gap: 15px 15px;
        grid-template-columns: 1fr 1fr;
    }
    .title-section ul li:first-child {
        margin-left: 0px;
    }
    .social-icon ul.pull-right li {
        margin-bottom: 15px;
    }
    .social-icon ul.pull-right {
        margin-top: 15px;
        float: left;
    }
    .title-section ul.pull-right {
        float: left !important;
        margin-bottom: 10px;
    }
    ul.seasons-list {
        white-space: nowrap;
        overflow-y: hidden;
    }
    section .split-title.title-bar h2 {
        width: 50%;
        float: left;
    }
    section.light-bg .split-title.title-bar h2 {
        width: 50%;
        float: left;
        text-align: center;
    }
    .otp-form,
    .allform-container {
        padding: 50px 20px;
    }
    section.light-bg .title-bar ul {
        padding-left: 0px;
    }
    .col-md-2.title-section ul li {
        display: inline-block;
        margin-left: 20px;
    }
    .col-md-2.title-section ul li:first-child {
        margin-left: 0px;
    }
    ul.profile-list li {
        margin-left: 0px;
        margin-top: 13px;
        padding: 6px 14px;
        width: 100%;
    }
    #changePass .sign-up-text:after {
        width: 35%;
    }
    /*
	.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{
		height: 90vh !important;
	}
*/
    /* .lSSlideOuter .lightSlider {
        min-height: 300px;
    } */
    .homeSlider li {
        height: 100%;
    }
    .homeSlider img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    h2.sign-up-text {
        margin-top: 20px;
    }
    .lslide .btn.sign-up.btn-lg.btn-primary {
        max-width: fit-content;
        font-size: 12px;
        padding: 10px 26px;
    }
    .homeSlider .btn.btn-lg.btn-primary,
    .attachment-section.shadow-layer-box .btn.btn-lg.btn-primary {
        max-width: auto;
        font-size: 12px;
        padding: 10px 26px;
    }
    .btn.sign-up.btn-lg.btn-primary {
        margin: 0px;
    }
    #contact-form .d-none {
        display: block !important;
    }
    .contact-textarea {
        padding-top: 25px;
    }
    .desc-wrap .img-wrap img {
        width: auto;
        max-height: 246px;
    }
    .max-content-bg {
        height: auto;
    }
    .owl-item .item img {
        max-height: 373px;
    }
    .small-boxes.shadow-layer-box {
        max-height: 375px;
    }
    .all-forms .title-bar {
        display: flex;
    }
    .page-margin-top .profile-bg .profile-box img {
        width: 100px;
        height: 100px;
    }
    .page-margin-top .profile-bg .profile-box {
        align-items: center;
        flex-direction: column;
    }
    .page-margin-top .profile-bg .profile-box span {
        margin-left: 0px;
        text-align: center;
        margin-top: 20px;
    }
    .item.mall-boxes.shadow-layer-box {
        min-height: auto !important;
        height: auto !important;
    }
    .bmpui-ui-hugeplaybacktogglebutton .bmpui-image,
    .bmpui-ui-hugeplaybacktogglebutton:hover .bmpui-image {
        background-size: 20% !important;
    }
    .image-date-title {
        padding-left: 10px;
    }
    .loader-static .image-date-title {
        padding: 1px 0px 0px 15px !important;
    }
    .image-date-title h5 {
        font-size: 10px;
    }
    .image-date-title h6 {
        font-size: 12px;
    }
    .title-section h1,
    section.light-bg .title-bar h2,
    .title-bar h2 {
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .content-box-layout p,
    .box-container h2,
    .usingCss .content-box-layout p {
        font-size: 24px;
        line-height: 30px;
        text-align: left;
    }
    .watch-now {
        margin-top: 15px;
    }
    .footer-logo img {
        max-width: 120px;
    }
    .view-more a {
        font-size: 11px;
    }
    .channel-categories-list li {
        margin-bottom: 5px;
    }
    .footer-support-list li {
        margin-top: 5px;
    }
    .channel-categories-list li a,
    .footer-support-list li a {
        font-size: 12px;
    }
    .footer-channel-categories {
        margin-bottom: 30px;
    }
    .movie-categories {
        margin: 10px 0;
    }
    .movie-categories p {
        margin-bottom: 0px;
    }
    .footer-support-list h4 {
        margin-bottom: 10px;
    }
    .copy-right-section h5 {
        margin: 8px 0;
    }
    .ProfileText {
        padding: 30px 0px 40px;
        font-size: 20px;
    }
    .navbar .profile-box img {
        width: 25px !important;
        height: 25px !important;
    }
    .otp-form,
    .allform-container {
        width: 100%;
    }
    section.light-bg.gradiant-bg {
        display: block !important;
    }
    .watch-now a.showbtn-play button.btn.sign-up.btn-lg.btn-primary.watch-trailer {
        margin-left: 30px;
    }
    #changePass .otp-form,
    .allform-container {
        padding: 50px 20px 30px 20px;
    }
    #contact-form .contact-textarea {
        padding-top: 15px;
    }
    #changePass .btn.sign-up.btn-lg.btn-primary {
        margin-top: 20px;
    }
    .modal-dialog {
        min-height: calc(75vh - 20px);
    }
    .play_forword_backward_button svg {
        width: 29px;
    }
    .video-banner .play_forword_backward_button {
        bottom: 11px;
        margin-left: -35px;
    }
    .content-video p {
        font-size: 25px;
    }
    .eyes-img img {
        margin: 0 0px 30px;
        width: 65px;
    }
    .video-error .img-video-banner {
        height: auto;
    }
    .video-error {
        height: auto;
    }
    .wrapper-video {
        padding: 50px 0px 60px;
    }
    .sign-in-sign-up-pop-up {
        display: block;
    }
    .d-none {
        display: block !important;
    }
    #signout-confirm .btn.sign-up.btn-lg.btn-primary {
        margin: 10px;
    }
    #video-page-top-bar ul {
        text-align: left;
        margin-top: 10px;
    }
    .social-bar-icon {
        text-align: left;
        margin-top: 10px;
    }
    div#CreateAccount {
        display: none;
    }
    .create-account.sign-up-box-cont {
        display: none;
    }
    #remove-confirm .btn.sign-up.btn-lg.btn-primary {
        margin: 10px;
    }
    .image-date-title.set-img-click {
        padding: 0px !important;
    }
    .navbar .profile-box.cursor {
        width: auto;
    }
    /* .horizon-image-cross img {
        max-height: 87px !important;
    } */
    /* #vod_cont
{
        height: 300px;
}
#slider_cont{
    min-height: auto !important;
} */
    .btn-wrapper-video {
        bottom: 0%;
        left: 0;
    }
    .speaker img {
        width: 25px !important;
    }
    .btn-wrapper-video .video-title h1 {
        font-size: 16px;
        margin: 10px 0px;
        width: fit-content;
    }
    .carousel-wrap {
        min-height: auto !important;
    }
    .lSSlideOuter .lightSlider {
        height: 100% !important;
    }
    .lSSlideOuter .lightSlider {
        height: 100%;
    }
    .player-container {
        height: 200px !important;
    }
    .page-margin-top .vid-ban-data .bitmovinplayer-poster {
        background-size: cover !important;
    }
    .play_forword_backward_button {
        display: none;
    }
    .content-box-layout.max-content.premium-content {
        bottom: 50px;
        max-width: 70%;
    }
    #premium-id .paid-btn.container {
        padding-top: 10px !important;
    }
    .content-box-layout p,
    .box-container h2,
    .usingCss .content-box-layout p {
        font-size: 14px;
        line-height: 1.3;
        margin: 5px 0px;
    }
    #rent-list .close-btn-pop-up {
        right: 15px;
    }
    .seasons-cont {
        margin: 20px 0px;
    }
    .watch-now a.showbtn-play button.btn.sign-up.btn-lg.btn-primary {
        width: 155px;
    }
    #sync1 .owl-item {
        height: auto !important;
    }
    #sync2 {
        display: none;
    }
    #sync1 .content-box-layout.max-content {
        bottom: 40px;
        text-align: center;
    }
    .one_image {
        max-width: 100% !important;
    }
    .two_image {
        max-width: 100%;
    }
    .three_image {
        max-width: 100%;
    }
    .two_image .multiple_image {
        max-width: 50%;
    }
    .desc-wrap.mobile-set-image .col-md-3 {
        max-width: 50%;
    }
    .custom .owl-carousel .owl-item .item img {
        max-height: 166px !important;
    }
    /* .home-pageCategory-wrapper section.slider {
        height: 40vh !important;
    } */
    .home-pageCategory-wrapper section.slider {
        /* height: 70vh !important; */
    }
    .home-pageCategory-wrapper .homeSlider {
        /* height: 50% !important;
        max-height: 70vh !important; */
    }
    .transperent-layout .homeSlider img {
        height: 100% !important;
    }
    .transperent-layout .video-poster-image {
        height: 100%;
    }
    .video-poster-image {
        position: absolute;
        top: 0;
        height: 100%;
        z-index: 1;
        width: 100%;
    }
    .second-layer p {
        font-size: 20px;
    }
    .second-layer img {
        width: 35px;
        margin: 0px 0px 15px;
    }
    .homeSlider {
        /* height: 100%; */
    }
    .homeSlider img {
        max-height: 100%;
    }
    .second-layer {
        height: 100%;
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        justify-content: center;
    }
    .player-switch-second-layer.unauthorized.video-error {
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        flex-direction: column;
    }
    .fixed-player .img-video-banner .wrapper-video .content-video p {
        font-size: 14px;
    }
    .fixed-player .img-video-banner .wrapper-video img {
        width: 25px;
        margin: 0px 0px 10px;
    }
    .owl-carousel .owl-stage-outer {
         margin-top: 0%;
    }
    .watch-now a.showbtn-play .btn-signin,.watch-now a.digital-btn .btn-signin {
        font-size: 14px;
    }
    .light-bg.gradiant-bg {
        height: auto;
    }
    .sign-up-input, .input-text, .input-text::placeholder {
        font-size: 14px;
        font-weight: 500;
    }
    .small-boxes img, .small-boxes-container-horizontal img {
        width: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        height: auto;
    }
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    .small-boxes-container-horizontal .item.mall-boxes.shadow-layer-box {
        min-height: auto !important;
        height: 140px !important;
    }
    .item .image-date-title .text {
        font-size: 12px !important;
        width: 100px !important;
    }
 }
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
    .small-boxes-container-horizontal .item.mall-boxes.shadow-layer-box {
        min-height: auto !important;
        height: 140px !important;
    }
    .item .image-date-title .text {
        font-size: 12px !important;
        width: 100px !important;
    }
    .item.mall-boxes.shadow-layer-box {
        min-height: auto !important;
        /* height: 290px !important; */
    }
 }

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 
    .small-boxes-container-horizontal .item.mall-boxes.shadow-layer-box {
        min-height: auto !important;
        height: 175px !important;
    }
    .item .image-date-title .text {
        font-size: 12px !important;
        width: 100px !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .small-boxes-container-horizontal .item.mall-boxes.shadow-layer-box {
        min-height: auto !important;
        height: 175px !important;
    }
    .item .image-date-title .text {
        font-size: 12px !important;
        width: 100px !important;
    }
 }
 @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 
    .small-boxes-container-horizontal .item.mall-boxes.shadow-layer-box {
        min-height: auto !important;
        height: 190px !important;
    }
    .item .image-date-title .text {
        font-size: 12px !important;
        width: 100px !important;
    }
 }
 @media only screen and (min-device-width: 411px) and (max-device-height: 823px) and (-webkit-device-pixel-ratio: 3) { 
    .small-boxes-container-horizontal .item.mall-boxes.shadow-layer-box {
        min-height: auto !important;
        height: 185px !important;
    }
    .item .image-date-title .text {
        font-size: 12px !important;
        width: 100px !important;
    }
 }
/*iphone 5se media query*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    #changePass .sign-up-text {
        font-size: 17px;
    }
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
    .horizon-image-cross img {
        max-height: 75px !important;
    }
    button.premium.rent {
        margin-left: 20px;
    }
    .seasons-cont {
        margin: 15px 0px 25px;
    }
    .light-bg.gradiant-bg {
        height: auto;
    }
    .sign-up-input, .input-text, .input-text::placeholder {
        font-size: 14px;
        font-weight: 500;
    }
}