@media (max-width: 767px) { 

/* ------------ Home-page-start ----------- */

    .cc-header-ctmz h1 {
        font-size: 45px;
    }
    .cc-header-ctmz p {
        font-size: 18px;
    }

    .cc-app-btn img{
        max-width: 137px;
    }

    .fyl-all-container {
        margin: -40px 0 0px 0;
    }

    .fyl-whole-col {
        padding: 30px;
    }
    .fyl-title h2 {
        color: #000;
        font-size: 30px;
    }
    .pd-2{
        padding: 20px 0;
    }

    .fyp-btn {
        margin-top: 23px;
        padding: 7px 54px;
        font-size: 18px;
    }

    .abt-cc-txt h2 {
        margin: 10px 0;
        text-align: center;
        /* margin-bottom: 10px; */
        font-size: 30px;
    }
    .abt-cc-txt p {
        font-size: 18px;
    }

    .whole-app-features-tittle h2 {
        font-size: 30px;
    }
    .whole-app-features-tittle p {
        text-align: left;
        font-size: 18px;
    }

    .hiw-it-works-title h2 {
        font-size: 30px;
    }
    .hiw-it-works-title p {
        font-size: 18px;
        text-align: left;
    }

    .hiw-it-works-col-ca-img h4 {
        font-size: 40px;
    }
    .hiw-it-works-col-ca h3 {
        font-size: 24px;
    }
    .hiw-it-works-col-ca p {
        font-size: 16px;
    }
    .hiw-sec-img {
        margin: 20px 0 15px;
    }
    .hiw-it-works-sec {
        padding: 40px 0;
    }
    .hiw-it-works-col {
        padding-top: 20px;
    }
    .testimonials-box {
        margin: 0 10px;
    }
    .our-blog-title h2 {
        font-size: 30px;
    }
    .our-blog-title p {
        font-size: 18px;
        text-align: left;
    }
    .fob-cc .home-blog-main-box{
    display: block !important;
    }
    .Home-fob-cc-txt h4{
        font-size: 22px;
    }
    .Home-fob-cc-txt h4 span {
        font-size: 18px;
    }
    #vertical-blog-2 {
        display: flex !important;
        flex-direction: column-reverse !important;
      }
      #vertical-blog-2 {
        margin: 20px 0;
      }
      #horizontal-blog .Home-fob-cc-img img{
        width: 100%;
      }
     
    .Home-fob-cc-txt p {
        
        font-size: 16px;
    }
    .comn-cta {
        margin: 0 20px;
        padding: 40px 0;
    }
    .comn-cta-img img {
        display: none;
    }
    .comn-cta-title, .cta-btn {
        padding-left: 0px;

    }
    .comn-cta-title{

        padding-top: 20px;
    }
    .comn-cta-title h2 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 10px;
    }
    .comn-cta-title p {
        font-size: 18px;
    }
    .cta-btn{
        display: flex;
        padding-bottom: 30px;
    }

    .footer {
        padding: 40px 0 0 0;
    }
    .ftr-1st-col{
        text-align: center;
    }
    .ftr-1st-col p{
        text-align: left;
        font-size:16px;
        padding-bottom: 15px;
    }

    .ftr-quick-links h4 {
        font-size: 26px;
    }
    .ftr-quick-links ul li a {
        font-size: 14px;
    }
    .ftr-quick-links ul li img {
        width: 18px;
    }
    .ftr-quick-links-2 ul li img {
        width: 18px;
    }

    .ftr-quick-links-2 ul li a {
        font-size: 14px;
    }
    .ftr-email-subscribe h4 {
        font-size: 18px;
    }
    .ftr-email-subscribe p {
        font-size: 14px;
    }

    .ftr-social-icons {
        padding-top: 20px;
    }
    .testimonials-custom-prev-arrow {
        padding-top: 00px;
    }
    .testimonials-custom-next-arrow{
        padding-top: 0px;
    }

    .ft-last-sec {
        padding: 20px 0;
    }
    .ftr-copyright p {
        text-align: center;
        font-size: 16px;
    }
    .ftr-terms{
        margin-right: 0;
    }
    .ftr-terms p{
        text-align: center;
        /* padding-top: 10px; */
    }
    .ftr-terms p a {
        font-size: 16px;
    }
    .hiw-sec-img .hiw-ring-img{
        width: 83%;
    }
    .hiw-app-screen-img {
        width: 50%;
    }

    .hiw-it-works-sec .pedding-right{
        padding-right: 0px;
    }
    .hiw-it-works-sec .padding-left{
        padding-left: 0px;
    }
    .whole-app-features-light-img{
        display: none;
    }



    #wrapper {
        padding-left: 0;
      }
    
      #sidebar-wrapper {
        width: 0;
      }
    
      #wrapper.toggled #sidebar-wrapper {
        width: 250px;
      }
      #wrapper.toggled #navbar-wrapper {
        position: absolute;
        margin-right: -250px;
      }
    
      #wrapper.toggled #content-wrapper {
        position: absolute;
        margin-right: -250px;
      }
    
      #navbar-wrapper {
        position: relative;
      }
    
      #wrapper.toggled {
        padding-left: 250px;
      }
    
      #content-wrapper {
        position: relative;
        top: 0;
      }
    
      #wrapper.toggled #navbar-wrapper,
      #wrapper.toggled #content-wrapper {
        position: relative;
        margin-right: 250px;
      }

      .cc-blog-search-filter input{ 
        width: 90%;
        font-size: 18px;
    }

    .cc-blog-pg-ftr-blgs .hover-change {
        margin: 0 !important;
    }
    .cc-blog-pg-bglist-main-box{
        display: block !important;
    }

    .breadcrumbs-tittle h1 {
        font-size: 24px;
    }
    .breadcrumb-item a{
        font-size: 14px;
    }
    .cc-blog-featuerd-box p {
        font-size: 22px;
    }
    .cc-blog-featuerd-box h4 {
        font-size: 14px;
    }
    .cc-blog-pg-ftr-blgs-2 h4 {
        font-size: 14px;
    }
   
    .cc-blog-pg-ftr-blgs-2 p {
        font-size: 22px;
        margin: 0 !important;
    }
    #blog-3{
        margin-top: 40px;
    } 
   
    .cc-blog-pg-bglist-main-box-text h3 {
        font-size: 22px;
    }
    .cc-blog-pg-bglist-main-box-text h3 span {
        font-size: 18px;
    }
    .cc-blog-pg-bglist-img .right-arrow{
        display: none;
    }

    .related-blog h2 {
        font-size: 27px;
    }
    .bolg-detailing-page {
        padding: 20px 0 0 0;
    }
    .bl-dls-listing-box-text {
        padding: 20px 20px 0px 5px;
    }
    .bl-dls-listing-box-text h3 {
        font-size: 18px;
    }
    .bl-dls-review-listing-text p {
        font-size: 18px;
    }
    .bolg-details-socials {
        margin: 0 ;
    }
    #middile-blog-detail{
        padding: 30px 13px;
    }
    .cc-blog-related-pg {
        padding-bottom: 0px;
    }
    
    .login-form form {
        width: 100%;
    }
    .login-form form h1 {
        font-size: 35px;
    }
    .login-form label {
        font-size: 18px;
    }
    .login-page-social-icon p span img {
        width: 42%;
    }
    .login-page-social-icon ul li a img {
        width: 32px;
    }
    .login-form-btn a {
        padding: 4px 0;
    }
    .sign-up-hint p{
        margin: 0;
    }


    .sign-up-form form {
        width: 100%;
    }
    .sign-up-form form h1 {
        font-size: 35px;
    }

    .sign-up-form label {
        font-size: 18px;
    }
    .sign-up-form-social-icon p span img {
        width: 42%;
    }
    .sign-up-form-social-icon ul li a img {
        width: 32px;
    }
    .sign-up-form-btn a {
        padding: 4px 0;
    }
    .login-page-hint p{
        margin: 0;
    }

    .forgot-pw form {
        width: 100%;
    }
    .forgot-pw form h1 {
        font-size: 35px;
    }
    .forgot-pw form h1 {
        text-align: left;
        font-size: 26px;
    }
    .forgot-pw-tittle h1::after {
        right: -0px;
        top: 0px;
    }
    .forgot-pw form {
        padding: 15px 20px;
    }
    .forgot-pw label {
        font-size: 18px;
    }

    .email-verification h1 {
        text-align: center !important;
        font-size: 30px !important;

    }
    .email-verification p {
        font-size: 12px;
    }

    .email-verification .otp-inputs input[type="tel"] {
        width: 40px;
        margin: 0 10px;
        padding: 7px;
    }
    .login-form-btn p {
        font-size: 14px;
    }
    .lets-get-start .radio-buttons{
        display: block;
    }
    .login-form .radio-buttons  label {
        font-size: 18px;
        padding: 9px 0;
    }



    .lets-get-start  .login-form form h1 {
        font-size: 30px;
    }
    .lets-get-start .login-form label {
        font-size: 16px;
    }


    .lets-get-start #let-b-day {
        margin:  0;
    }
    
    .lets-get-start #lets-gender{
        margin: 20px 0 ;
    }
    .lets-get-start #let-politics {
        margin: 0px 0;
    }
    .lets-get-start #lets-height {
        margin: 20px 0;
    }
    .lets-get-start #let-marital-status {
        margin: 0px 0;
    }
    .lets-get-start #let-about-cinedate {
        margin: 20px 0;
    }
    .Date-Preferences h2 {
        font-size: 30px;
        text-align: left;
    }    
    .lets-get-start #cine-date-politics {
        margin: 0px 0;
    }
    .lets-get-start #cine-date-height {
        margin: 20px 0;
    }
    .radio-btn {
        margin: 10px 8px;
        width: 200px;
        height: 210px;
    }
    .Date-Preferences p {
        font-size: 16px;
    }
    .lets-talk-lifestyle h3 {
        font-size: 20px;
    }
    .lets-talk-lifestyle form{
        padding: 0 !important;
    }
    #ls-often-drink{
        padding: 20px 13px;
    }
    .ft-last-sec .ftr-copyright{
        padding: 0 0 10px 0 ;
    }
    #ls-workout{
        padding:0  13px 20px 13px;
    }
    .ftr-copyright{
        padding:10px 0 ;
    }

    .ftr-terms-social-icons ul {
        margin: 0;
        padding: 10px 0 10px 0;
        text-align: center;
    }
    .ftr-terms-social-icons ul li a img {
        width: 35px;
    }
    .lets-connect {
        padding: 10px 0;
    }
    .choose-your-plan #free-trail{
        width: 100%;
    }

    .choose-your-plan .col-12{
        padding: 0;
    }
    .choose-your-plan .hiw-it-works-title p {
        text-align: center;
    }
    .choose-your-plan #silver {
        margin-top: 30px;
    }
    .c-plan-box-title h3 {
        font-size: 22px;
    }
    .c-plan-box-title h3 span {
        font-size: 18px;
        padding: 2px 30px;
    }
    .c-plan-box-title a {
        font-size: 18px;
        padding: 4px 15px;
    }
    .c-plan-box-description h5 {
        font-size: 24px;
    }
    .c-plan-box-description p {
        font-size: 18px;
    }
    .choose-your-plan .c-plan-main-box {
        padding: 15px;
    }
    .payment-meth .payment-border{
        margin: 0 7px;
        padding: 20px 10px
    }
    .payment-meth .payment-meth-title h2 {
        font-size: 30px;
        margin: 0 0 10px 0;
    }
    .payment-meth .card-Methods {
        margin: 10px 0;
    }
    .choose-your-preferences #fav-actor{
        padding: 40px 15px;
    }
    .ch-your-palan-title h1 {
        font-size: 28px;
    }
    .ch-your-palan-title p {
        font-size: 16px;
        line-height: 1.3rem;
    }
    .ch-your-palan-discription h2 {
        font-size: 22px;
    }
    .ch-your-palan-discription {
        margin: -50px 15px 0 15px;
        padding: 10px;
    }
    .ch-your-palan-discription p {
        font-size: 16px;
    }
    .choose-your-preferences {
        padding: 30px 0 50px 0;
    }
    .favorite-movies-title h1 {
        font-size:26px;
        text-align: center;
    }
    .favorite-movies-title p {
        text-align: center;
        font-size: 16px;
    }
    .choose-your-favorite-movies .payment-dual-button {
        text-align: center;
        margin: 0;
        margin: 20px 0;
    }
    .select-films {
        padding: 20px 0 40px 0;
    }
    .select-films .ui {
        width: 90%;
        margin: 0 auto;
    }
    #select-directors.ui {
        width: 90%;
        margin: 0 auto;
    }

    .payment-dual-button {
        text-align: center;
        margin: 20px 0 10px 0;
    }
    .choose-your-film-year p {
        font-size: 18px;
    }
    .choose-your-favorite-movies .cc-blog-search-filter p {
        font-size: 16px;
    }
    .select-actor {
        padding: 0 0 40px 0;
    }
    .select-actor #select-fm-actor{
        margin: 30px 0;
    }
    .ui h3 {
        font-size: 22px;
    }
    .select-films-name a h4 {
        font-size: 20px;
    }
    .select-films-name a h4 {
        font-size: 20px;
    }
    .film-add-icon a img {
        width: 80%;
    }
    #navbarSupportedContent ul .nav-item{
        padding: 0 !important;
    }
    #navbarSupportedContent ul .nav-item a{
        padding: 3px  0 !important;
    }
    #navbarSupportedContent ul {
        padding-bottom: 18px;
    }
    .cc-navbar ul li a {
        font-size: 16px;
    }
    .navbar-collapse.cc-navbar.collapse.show{
        padding:18px 0 25px 0;;
    }
    .ftr-email-subscribe .email-btn {
        bottom: 26px;
        font-size: 14px;
    }
    .ftr-email-subscribe input {
        font-size: 13px;
        }
    
}



@media (min-width: 992px) {
    #wrapper {
      padding-left: 340px;
    }
    
    #wrapper.toggled {
      padding-left: 60px;
    }
  
    #sidebar-wrapper {
      width: 340px;
    }
    
    #wrapper.toggled #sidebar-wrapper {
      width: 60px;
    }
    
    #wrapper.toggled #navbar-wrapper {
      position: absolute;
      margin-right: -190px;
  }

    
    #wrapper.toggled #content-wrapper {
      position: absolute;
      margin-right: -190px;
    }
  
    #navbar-wrapper {
      position: relative;
    }
  
    #wrapper.toggled {
      padding-left: 0;
    }
  
    #content-wrapper {
      position: relative;
      top: 0;
    }
  
    #wrapper.toggled #navbar-wrapper,
    #wrapper.toggled #content-wrapper {
      position: relative;
      margin-right: 60px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }
  }

@media (min-width: 768px) and (max-width: 991.98px) { 

/* ------------ Home-page-start ----------- */

    #navbarSupportedContent ul .nav-item{
        padding: 0 !important;
    }


       
   

    #navbarSupportedContent ul .nav-item a{
        padding: 5px  0 !important;
    }
    #navbarSupportedContent ul {
        padding-bottom: 18px;
    }
    .cc-navbar ul li a {
        font-size: 16px;
    }
    .navbar-collapse.cc-navbar.collapse.show{
        padding:18px 0 25px 0;;
    }

    .cc-header-ctmz h1 {
        font-size: 60px;
    }
    .cc-header-ctmz p{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .pd-2{
        padding: 20px 0;
    }
    .fyl-title h2 {
        font-size: 35px;
    }
    .fyp-btn {
        font-size: 18px;
        margin-top: 20px;
    }
    .fyl-whole-col {
        padding:20px 30px !important;
    }
    .abt-cc img{
        width: 80%;
    }
    .abt-cc-txt{
        text-align: center;
    }
    .abt-cc-txt p{
        text-align: left;
    }
    .abt-cc-txt h2 {
        font-size: 35px;
    }
    .whole-app-features-tittle h2 {
        font-size: 36px;
    }
    .whole-app-features-tittle p {
        font-size: 16px;
    }
    .whole-app-features-light-img{
        display: none;
    }
    .hiw-it-works-title h2 {
        font-size: 36px;
    }
    .hiw-it-works-title p {
        font-size: 16px;
    }
    .hiw-it-works-main-col .hiw-ring-img{
        width: 57%;
    }
    .payment-dual-button {
        margin: 20px 0;
        text-align: right;
    }
    .select-films .ui {
        width: 70%;
        margin: 0 auto;
    }
    #select-directors.ui {
        width: 70%;
        margin: 0 auto;
    }
    .hiw-it-works-main-col .hiw-app-screen-img{
        width: 36%;
    }
    
    .hiw-it-works-col {
        padding-top: 20px;
    }
    .hiw-it-works-sec .padding-left {
        padding-top: 20px;
        padding-left: 0px;
    }
    .hiw-it-works-sec {
        padding: 40px 0 40px 0;
    }
    .our-blog-title h2 {
        font-size: 36px;
    }
    .our-blog-title p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    #vertical-blog-2{
        margin: 30px 0;
    }
    
    #horizontal-blog{
        display: flex;
    }
  
    .fob-main-right-sec{
        width: 50%;
    }   
    .Home-fob-cc-txt h4 {
        font-size: 24px;
    }
    .Home-fob-cc-txt h4 span {
        font-size: 22px;
    }
    #horizontal-blog .Home-fob-cc-img img {
        width: 100%;
    }
   
    .Home-fob-cc-txt p {
        font-size: 16px;
    }

    .comn-cta-img img{
        display: none;
    }
    .comn-cta {
        padding-top: 40px;
    }
    .comn-cta-title h2 {
        font-size: 35px;
    }
    .comn-cta-title{
        padding: 30px 30px 20px 30px;
    }
    .comn-cta-title p {
        font-size: 16px;
    }
    .cta-btn {
        padding: 0 0 40px 24px;
    }
    .footer {
        padding: 75px 0 0 0;
    }
    .ftr-1st-col{
        text-align: center;
    }
    .ftr-1st-col p{
        text-align: left;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .select-actor #select-trans-actor{
        margin: 30px 0 0 0;
    }
    .select-actor {
        padding: 0 0 40px 0;
    }
    .ftr-quick-links h4 {
        font-size: 26px;
    }
    .ftr-quick-links ul li a {
        font-size: 16px;
    }
    .ftr-quick-links-2 ul li a {
        font-size: 16px;
    }
    .ftr-email-subscribe h4 {
        font-size: 18px;
    }
    .ftr-email-subscribe p {
        font-size: 14px;
    }
    .ftr-terms{
        margin-right: -10px;
    }
    .ftr-social-icons h4 {
        font-size: 26px;

    }
    .ftr-copyright p{
        color: #ffff;
        font-size: 16px;
    }
    .ftr-terms p a{
        text-decoration: none;
        color: #ffff;
        font-size: 16px;
    }
    .ft-last-sec{
        margin-top: 15px !important;
        padding:20px 0px;
    }
    .ft-last-sec .col-md-7{
        padding: 0;
    }
    .ft-last-sec .col-md-5{
        padding: 0;
    }
   
    #wrapper {
        padding-left: 60px;
      }
    
      #sidebar-wrapper {
        width: 60px;
      }
      
    #wrapper.toggled #navbar-wrapper {
        position: absolute;
        margin-right: -250px;
    }
      
      #wrapper.toggled #content-wrapper {
        position: absolute;
        margin-right: -250px;
      }
    
      #navbar-wrapper {
        position: relative;
      }
    
      #wrapper.toggled {
        padding-left: 250px;
      }
    
      #content-wrapper {
        position: relative;
        top: 0;
      }
    
      #wrapper.toggled #navbar-wrapper,
      #wrapper.toggled #content-wrapper {
        position: relative;
        margin-right: 250px;
      }

    .cc-blog-pg-ftr-blgs .hover-change {
        margin: 0 !important;
    }
    .cc-blog-featuerd-box-right{
        display: flex;
    }
    .cc-blog-pg-ftr-blgs-2 {
        margin-right: 15px;
    }
    #blog-3 {
        margin-top: 0px;
        margin-left: 15px;
    }
    .cc-blog-pg-bglist-main-box{
        display: block;
    }

    .cc-blog-search-filter input {
        width: 80%;
    }

    .bolg-detailing-page {
        padding: 20px 0 0 0;
    }
    .related-blog h2 {
        font-size: 34px;
    }
    .bl-dls-listing-box-text {
        padding: 20px 20px 0px 5px;
    }
    .bl-dls-listing-box-text h3 {
        font-size: 20px;
    }

    #middile-blog-detail {
        padding: 0px 13px;
    
    }
    .bl-dls-review-listing-text p {
        font-size: 20px;
    }
    .bolg-details-socials {
        margin: 0 ;
    }
    .cc-blog-related-pg {
        padding-bottom: 0px;
    }
    .cc-blog-related-pg .cc-blog-pg-bglist-main-box {
        margin-top: 20px;
    }
    .login-form form {
        width: 85%;
    }
    .login-form form h1 {
        font-size: 35px;
    }
    .login-form label {
        font-size: 18px;
    }
    .login-page-social-icon p span img {
        width:46%;
    }
    .login-page-social-icon ul li a img {
        width: 35px;
    }
    .login-form-btn a {
        padding: 4px 0;
    }
    .sign-up-hint p{
        margin: 0;
    }

    .sign-up-form form {
        width: 85%;
    }
    .sign-up-form form h1 {
        font-size: 35px;
    }
    .sign-up-form label {
        font-size: 18px;
    }
    .sign-up-form-social-icon p span img {
        width:46%;
    }
    .sign-up-form-social-icon ul li a img {
        width: 35px;
    }
    .sign-up-btn a {
        padding: 4px 0;
    }
    .sign-up-hint p{
        margin: 0;
    }
    .login-page-hint p{
        margin: 0;
    }

    .forgot-pw form {
        width: 85%;
    }
    .forgot-pw form h1 {
        font-size: 35px;
    }
    .forgot-pw form h1 {
        text-align: left;
        font-size: 40px;
    }
    .forgot-pw-tittle h1::after {
        right: -0px;
        top: 0px;
    }
    .forgot-pw form {
        padding: 15px 20px;
    }
    .forgot-pw label {
        font-size: 18px;
    }

    .email-verification h1 {
        text-align: center !important;
        font-size: 45px !important;
    }
    .email-verification p {
        font-size: 16px;
    }

    .email-verification .otp-inputs input[type="tel"] {
        width: 40px;
        margin: 0 14px;
        padding: 5px;
    }
    .login-form-btn p {
        font-size: 16px;
    }

    .lets-get-start .radio-buttons {
        display: flex;
        flex-wrap: wrap;
    }
    .Date-Preferences h2 {
        text-align: center;
        font-size: 35px;
    }
    .Date-Preferences p {
        font-size: 18px;
    }
    #ls-often-drink form{
        padding-bottom: 20px;
    }
    #ls-pets form{
        padding: 0;
    }
    .login-form .custom-radio {
        padding-top: 10px;
    }
    .lets-connect {
        padding: 20px 0;
    }

    .ftr-terms-social-icons ul li {
        display: inline-block;
        padding: 0 2px;
    }
    .ftr-copyright p {
        color: #ffff;
        font-size: 14px;
    }
    .ftr-terms p a {
        font-size: 13px;
    }
    .ftr-terms-social-icons ul li a img {
        width: 26px;
    }
    .ftr-terms-social-icons ul{
        padding: 0;
    }
    .radio-btn {
        width: 180px;
    }
    .margin-auto {
        margin: 0 -3% !important;
    }
    .c-plan-box-title h3 {
        font-size: 24px;
    }
    .c-plan-box-title h3 span {
        font-size: 18px;
        padding: 2px 30px;
    }
    .c-plan-box-title a {
        padding: 6px 10px;
        font-size: 18px;
        text-align: center;
    }
    .payment-meth-title h2 {
        margin-bottom: 0;
    }
    .choose-your-plan #free-trail {
        width: 75%;
    }
    .payment-meth .card-Methods {
        margin: 10px 0;
    }
    #fav-actor{
        margin-bottom: 40px;
    }
    .ch-your-palan-title h1 {
        font-size: 35px;
        margin: 0;
    }
    .ch-your-palan-title p {
        font-size: 16px;
    }
    .ch-your-palan-discription h2 {
        font-size: 24px;
    }
    .ch-your-palan-discription {
        margin: -50px 15px 0 15px;
    }
    .ch-your-palan-discription p {
        font-size: 17px;
    }
    .choose-your-preferences {
        padding: 30px 0 50px 0;
    }

    .choose-your-film-year p {
        font-size: 20px;
    }
    .favorite-movies-title h1 {
        color: #000;
        font-size: 35px;
    }
    .favorite-movies-title p {
        font-size: 16px;
    }
    .select-films {
        padding: 20px 0 40px 0;
    }
    .ftr-terms p:first-child::after {
        bottom: -3px;
        padding: 0 0 0 6px;
    }
    .ftr-email-subscribe .email-btn {
        bottom: 26px;
        font-size: 16px;
    }
    .ftr-email-subscribe input {
        font-size: 14px;
        }
    

}


@media (min-width: 992px) and (max-width: 1199px) { 



    

    .whole-app-features-light-img{
        display: none;
    }
    .select-films {
        padding: 20px 0 40px 0;
    }
    .cc-header-ctmz h1 {
        font-size: 65px;
    }
    .cc-header-ctmz p {
        font-size: 18px;
    }
    .fyp-btn {
        background-color: #000000;
        padding: 7px 30px;
        font-size: 18px;
    }
    .abt-cc-txt h2 {
        margin-bottom: 10px;
    }
    .whole-app-features-tittle p {
        font-size: 16px;
    }
    .hiw-it-works-title p {
        font-size: 16px;
    }
    .hiw-it-works-col-ca-img h4 {
        font-size: 40px;
    }
    .hiw-it-works-col-ca h3 {
        font-size: 24px;
    }
    .hiw-it-works-col-ca p {
        font-size: 15px;
    }
    .hiw-ring-img{
        max-width: 380px;
    }
    .hiw-app-screen-img {
        max-width: 70%;
    }
    .hiw-sec-img .hiw-ring-img {
        top: 13%;
    }
    .our-blog-title p {
        font-size: 16px;
    }
    .comn-cta-title p {
        font-size: 16px;
    }
    .cta-btn {
        padding: 0 0 30px 32px;
    }
    .Home-fob-cc-txt h4 {
        font-size: 24px;
    }
    .Home-fob-cc-txt h4 span {
        font-size: 20px;
        padding: 5px 7px;
    }
    .Home-fob-cc-txt p {
        font-size: 16px;
    }
    .ftr-quick-links h4 {
        font-size: 26px;
    }
    
    .ftr-quick-links ul li a {
        font-size: 16px;
    }
    .ftr-quick-links-2 ul li a {
        font-size: 16px;
    }
    .ftr-1st-col p {
        font-size: 16px;
    }
    .comn-cta-title h2 {
        padding: 25px 0 0  0;
    }
    .ftr-quick-links-2 {
        padding: 42px 0 0 20px;
    }
    .payment-dual-button {
        text-align: right;
        margin: 20px 0;
    }
    .select-films .ui {
        width: 60%;
        margin: 0 auto;
    }
    #select-directors.ui {
        width: 60%;
        margin: 0 auto;
    }
    .ftr-terms{
        margin-right: -15px;
    }
    .ftr-email-subscribe h4 {
        font-size: 18px;
    }
    .ftr-email-subscribe p {
        font-size: 14px;
    }
    .ftr-terms p:first-child::after {
        bottom: -3px;
        padding: 0 0 0 6px;
    }
    .ftr-social-icons h4 {
        font-size: 26px;
    }
    .cc-blog-related-pg .cc-blog-pg-bglist-main-box {
        margin-top: 0;
        display: block;
    }

    .bolg-detailing-page {
        padding: 30px 0 0 0;
    }
    .cc-blog-related-pg {
        padding-bottom: 10px;
    }



    .ft-last-sec .col-lg-8{
        padding: 0 !important;
    }
    .ft-last-sec .col-lg-4{
        padding: 0;
    }

    .select-actor {
        padding: 0 0 40px 0;
    }

    .login-form form {
        width: 85%;
    }
    .login-form form h1 {
        font-size: 35px;
    }
    .login-form label {
        font-size: 18px;
    }
    .login-page-social-icon p span img {
        width:46%;
    }
    .login-page-social-icon ul li a img {
        width: 35px;
    }
    .login-form-btn a {
        padding: 4px 0;
    }
    .sign-up-hint p{
        margin: 0;
    }

    .sign-up-form form {
        width: 85%;
    }
    .sign-up-form form h1 {
        font-size: 35px;
    }
    .sign-up-form label {
        font-size: 18px;
    }
    .sign-up-form-social-icon p span img {
        width:46%;
    }
    .sign-up-form-social-icon ul li a img {
        width: 35px;
    }
    .sign-up-btn a {
        padding: 4px 0;
    }
    .login-page-hint p{
        margin: 0;
    }

    .forgot-pw form {
        width: 85%;
    }
    .forgot-pw form h1 {
        font-size: 35px;
    }
    .forgot-pw form h1 {
        text-align: left;
        font-size: 40px;
    }
    .forgot-pw-tittle h1::after {
        right: -0px;
        top: 0px;
    }
    .forgot-pw form {
        padding: 15px 20px;
    }
    .forgot-pw label {
        font-size: 18px;
    }
    .email-verification h1 {
        text-align: center !important;
        font-size: 45px !important;

    }
    .email-verification p {
        font-size: 16px;
    }

    .email-verification .otp-inputs input[type="tel"] {
        width: 40px;
        margin: 0 14px;
        padding: 5px;
    }
    .login-form-btn p {
        font-size: 16px;
    }

    .ftr-terms-social-icons ul{
        padding: 0;
    }
    .lets-get-start .radio-buttons {
        display: flex;
        flex-wrap: wrap;
    }
    .login-form .custom-radio {
        padding-top: 10px;
    }
   
     
     .lets-talk-lifestyle form{
        padding: 0 !important;
     }
     .radio-btn {
        width: 190px;
     }
     .c-plan-box-title h3 {
        font-size: 24px;
     }
     .choose-your-plan .c-plan-main-box {
        padding: 15px
     }
     .c-plan-box-title a {
        padding: 4px 13px;
        font-size: 18px;
     }
     .c-plan-box-title h3 span {
        font-size: 16px;
        padding: 2px 30px;
     }
     .c-plan-box-description h5 {
        font-size: 22px;
    }
    .c-plan-box-description p {
        font-size: 18px;
    }
    .choose-your-plan #free-trail {
        width: 80%;
    }

    .ch-your-palan-title h1 {
        font-size: 35px;
        margin: 0;
    }
    .ch-your-palan-title p {
        font-size: 16px;
    }
    .ch-your-palan-discription h2 {
        font-size: 21px;
    }
    .ch-your-palan-discription {
        margin: -50px 15px 0 15px;
        padding: 15px 10px;
    }
    .ch-your-palan-discription p {
        font-size: 16px;
    }
    .choose-your-preferences {
        padding: 30px 0 50px 0;
    }

    .favorite-movies-title h1 {
        color: #000;
        font-size: 35px;
    }
    .choose-your-film-year p {
        font-size: 20px;
    }
    .ftr-email-subscribe .email-btn {
        bottom: 26px;
        font-size: 16px;
    }
    .ftr-email-subscribe input {
        font-size: 14px;
        }
    

   
}



/* -----------------17-10-24------------------ */


@media (max-width: 767px) {
    .cc-blog-featuerd-box p {
        font-size: 19px;
    }
    .cc-blog-featuerd-box h4, .cc-blog-featuerd-box p {
        left: 20px;
        bottom: 0;
    }
    .cc-blog-featuerd-box {
        background-image: none;
        height: 212px;
    }
    .cc-blog-pg-ftr-blgs-2 {
        height: 145px;
    }

    .cc-blog-pg-ftr-blgs-2 p {
        font-size: 18px;
        margin: 0 !important;
    }
    .cc-blog-pg-ftr-blgs-2 h4, .cc-blog-pg-ftr-blgs-2 p {
        position: absolute;
        left: 20px;
    }
    .cc-blog-featuerd-box h4 {
        margin-bottom: 50px;
    }
    .cc-blog-pg-ftr-blgs-2 h4 {
        top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .cc-blog-featuerd-box {
        height: 500px;
    }
    .cc-blog-pg-ftr-blgs-2 {
        height: 160px;
    }
    .cc-blog-pg-ftr-blgs-2 p {
        font-size: 20px;
    }
    .cc-blog-pg-ftr-blgs-2 h4 ,  .cc-blog-pg-ftr-blgs-2 p {
        left: 25px;
    }
    .cc-blog-pg-ftr-blgs-2 p{
        bottom: 0;
    }
    .cc-blog-featuerd-box h4{
        font-size: 16px;

    }
    .cc-blog-pg-ftr-blgs-2 h4 {
        top: 15px;
        font-size: 16px;
    }
    .cc-blog-featuerd-box h4, .cc-blog-featuerd-box p {
        position: absolute;
        z-index: 100;
        bottom: 8px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .cc-blog-featuerd-box {
        height: 385px;
    }
    .cc-blog-pg-ftr-blgs-2 {
        height: 180px;
    }
    .cc-blog-pg-ftr-blgs-2 h4 {
        top: 20px;
    }
    .cc-blog-pg-ftr-blgs-2 h4 ,  .cc-blog-pg-ftr-blgs-2 p {
        left: 25px;
    }
}