@media (max-width: 767px) and (min-width: 320px) {
    /*
    .container {
        max-width: 98%;
    }
*/
    /* .mobile-cloud {
        background: url('../../../images/cloud-bg.svg')no-repeat transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 541px;
        position: relative;
        justify-content: center;
    }
    .all-forms {
        max-width: 600px;
        width: 100%;
        margin: 0px auto;
        left: 0;
        right: 0;
        display: flex;
        top: 0;
        flex-wrap: wrap;
        bottom: 0;
        justify-content: center;
        margin-top: 19vh;
        color: #000;
    } */
    .language-bg {
        background-size: cover;
    }
    .eprofile-bg {
        background-size: inherit !important;
    }
    .all-forms {
        /* max-width: 600px; */
        /* width: 100%; */
        /* margin: 0px auto; */
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: auto;
        bottom: 0px;
        top: 0px;
        left: 0;
        right: 0;
        height: 90vh;
    }
    section.light-bg.gradiant-bg {
        display: block !important;
        background: url(../../../images/cloud-bg.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 90vh;
    }
    .signup-btn {
        background: transparent linear-gradient(113deg, #EEEC01 0%, #EECA01 100%) 0% 0% no-repeat padding-box;
        border: none;
        color: red;
        padding: 10px 50px;
        font-size: 12px;
        text-decoration: none;
        cursor: pointer;
        border-radius: 75px;
    }
    .sign-up1 {
        margin-top: 0vh !important;
        margin-left: 0vw !important;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 35px;
    }
    .sign-up1 a {
        background: transparent linear-gradient(113deg, #0D91CC 0%, #1177A5 100%) 0% 0% no-repeat padding-box;
        font-size: 24px;
        color: #fff !important;
        padding: 10px 15px;
        border-radius: 23px;
    }
    .sign-in-auth {
        margin-top: 6vh !important;
        margin-left: 0vw !important;
    }
    .sign-in-auth a {
        background: transparent linear-gradient(113deg, #0D91CC 0%, #1177A5 100%) 0% 0% no-repeat padding-box;
        font-size: 24px;
        color: #fff !important;
        padding: 10px 15px;
        border-radius: 23px;
    }
    .sign-logo {
        top: 0px !important;
        width: 151px !important;
        height: 100px !important;
        right: 0px;
        left: 0;
        margin: auto;
        position: absolute;
    }
    .sign-up-input,
    .input-text,
    .input-text {
        height: 35px !important;
        margin-bottom: 10px;
    }
    /* *********my css ************************/
    .w-dot {
        width: 10px;
        height: 10px;
    }
    .dot {
        width: 18px;
        height: 18px;
    }
    .black-line {
        width: 14px;
        height: 110px;
    }
    .t-line {
        width: 18px;
        height: 45px;
    }
    .m-line {
        width: 20px;
        height: 95px;
    }
    .b-line {
        width: 18px;
        height: 45px;
    }
    /* .sign-icon {
        display: block;
    } */
    .txt-block {
        bottom: 30px !important;
        width: 100% !important;
    }
    .home-txt {
        /* width: 90% !important; */
        height: 85px !important;
        position: relative !important;
        background-size: cover !important;
        top: 0px !important;
    }
    .home-txt p {
        font-size: 10px !important;
        position: absolute;
        margin-top: 15px !important;
    }
    .user_drop {
        padding: 0;
        width: 19vw !important;
        height: 30px !important;
        cursor: pointer;
    }
    .sign-icon p {
        font-size: 12px !important;
        margin: 0;
        margin-top: 15px !important;
    }
    .join-now p {
        font-size: 12px !important;
        margin: 0;
        margin-top: 4px !important;
        width: 110px !important;
        padding: 7px 12px !important;
    }
    img#img1 {
        width: 100% !important;
    }
    img#img2 {
        position: absolute;
        left: 24%;
        top: 10px !important;
        width: 55% !important;
    }
    .age-group img {
        width: 85px !important;
    }
    .age-group {
        float: right;
        position: fixed !important;
        z-index: 999;
        cursor: pointer;
        bottom: 15px !important;
        right: 15px !important;
        top: auto !important;
    }
    .abcd p {
        font-size: 25px;
        letter-spacing: 9.24px;
        opacity: 1;
        margin-bottom: 0;
        padding-top: 30px;
    }
    .widget {
        background: rgba(45, 165, 221, 0.3);
        padding: 30px 0px;
        margin-top: 0px !important;
    }
    .Language-in {
        width: 100%;
    }
    .float-right {
        float: right !important;
    }
    .icecream img {
        margin-top: -12vh;
        width: 18vw;
        position: absolute;
        z-index: 999;
        left: -10px;
    }
    .candy img {
        margin-top: -13vh;
        width: 14vw;
        position: absolute;
        z-index: 999;
        right: 3px;
        float: right;
    }
    .copy-right {
        margin-top: 30px;
    }
    .sign-logo {
        top: 0px !important;
        width: 151px !important;
        height: 100px !important;
        right: 0px;
        left: 0;
        margin: auto;
    }
    .sign-inner {
        padding-right: 0px;
        height: -moz-fit-content;
        position: absolute;
    }
    img.cloud-bg-img {
        width: 475px !important;
    }
    .form-group {
        margin-bottom: 0.8rem !important;
    }
    .form-control {
        width: 240px !important;
        height: calc(1.2em + .75rem + 2px) !important;
    }
    input[type="checkbox"] {
        box-sizing: border-box;
        width: 15px;
        height: 15px;
    }
    label.check {
        font-size: 11px;
        padding-left: 5px;
        margin-bottom: 0;
    }
    input[type="submit"] {
        background: transparent linear-gradient(113deg, #EEEC01 0%, #EECA01 100%) 0% 0% no-repeat padding-box;
        /* width: 122px !important; */
        height: 38px !important;
        font-size: 16px !important;
        border-radius: 44px;
    }
    .fb-img {
        width: 40px;
    }
    .google-img {
        width: 23px;
    }
    .sign-upin {
        padding: 8px 19px;
        font-size: 16px;
    }
    /* .sign-up1 {
        margin-top: 7vh !important;
        margin-left: 20vw !important;
    } */
    .social-icons {
        top: 5px !important;
    }
    /* *********my css end************************/
    .aboutus_text .footerdesc h1:before {
        width: 60% !important;
        left: 40%;
    }
    .aboutus_text .footerdesc h1 {
        font-size: 20px;
    }
    body {
        font-size: 12px;
    }
    .body-padd {
        padding-top: 10%;
    }
    .lSSlideOuter .lSPager.lSGallery img {
        min-height: 300px;
    }
    .list-menu,
    .search-box {
        display: none;
    }
    #sidebar {
        width: 300px;
    }
    .title-bar {
        width: 100%;
        display: flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 15px;
    }
    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%;
    }
    .View-all {
        background: #1177a5 0% 0% no-repeat padding-box;
        border-radius: 25px;
        opacity: 1;
        padding: 4px 15px;
        height: 25px;
        font-weight: 600;
        margin-bottom: 0;
        color: #fff;
    }
    .title-bar ul {
        padding: 0px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap-reverse;
        justify-content: flex-end;
    }
    .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: 0px;
        height: 75px;
    }
    .wrapper,
    .page-margin-top {
        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: auto;
    }
    .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;
    }
    .bmpui-ui-hugeplaybacktogglebutton .bmpui-image,
    .bmpui-ui-hugeplaybacktogglebutton:hover .bmpui-image {
        background-size: 20% !important;
    }
    .image-date-title {
        padding-left: 10px;
    }
    .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;
        /* background: transparent !important; */
        /* background: url('../../../images/cloud-bg.svg'); */
    }
    .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;
    } */
    /* .sign-in-sign-up-pop-up {
        display: none;
    } */
    .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: 272px !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: 10px;
        max-width: 89%;
    }
    #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;
    }
    section.slider {
        height: auto !important;
        padding-bottom: 0;
        margin-top: 50px;
    }
    .homeSlider {
        height: 100% !important;
    }
    .transperent-layout section.slider {
        height: 30vh !important;
    }
    .transperent-layout .homeSlider {
        height: 50vh;
    }
    .transperent-layout .homeSlider img {
        height: 100% !important;
    }
    .transperent-layout .video-poster-image {
        height: 100%;
    }
}


/*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;
    }
}