@media (max-width: 1199px) {

  /* banner section*/
  .banner h2, .select-tv-wrp h2 {
    font-size: 52px;
  }

  .banner ul li {
    font-size: 19.71px;
  }

  .banner a {
    width:       200px;
    line-height: 54px;
  }

  .banner p {
    font-size:     18px;
    line-height:   24px;
    margin-bottom: 25px;
  }

  .select-tv-wrp p {
    font-size:   18px;
    line-height: 28px;
  }

  .sameunl-wrp h2 {
    font-size:   35px;
    margin:      80px 0px 20px;
    line-height: 38px;
  }

  .sameunl-wrp p {
    font-size:   18px;
    line-height: 28px;
  }

  .select-tv-wrp p br {
    display: none;
  }

  .profile-box li {
    width: 33.33%;
  }

  .profile-box li figure figcaption h4 {
    font-size: 14px;
  }

  .profile-box li figure figcaption p {
    font-size: 13px;
  }

  .faqs-wrp h2 {
    font-size: 40px;
  }

  /*
  Signup section
  */
  .signup-wrp {
    margin-top: 0;
    padding:    60px 0px;
  }

  .signup-wrp .left-sec, .signup-wrp .right-sec {
    height:  auto;
    display: block;
  }

  .millions-agree {
    display:     inherit;
    padding-top: 0;
  }

  .signup-wrp h3 {
    font-size: 22px;
  }

  .signup-wrp h2 {
    font-size: 21px;
  }

  .signup-tv {
    padding: 30px 0px 0px;
  }

  .signup-from-wrp {
    display:     inherit;
    padding-top: 0;
  }

  .signup-from {
    margin-left: 0px;
    margin-top:  9px;
    padding:     20px;
  }

  .right-sec h4 {
    font-size: 14px;
    margin:    20px 0px 13px;
  }

  .signup-from.login {
    margin-top: 15px;
  }

}

@media (max-width: 1024px) {

}

@media only screen and (max-width: 992px) {
  header {
    padding:    0px 0px;
    background: #000;
  }

  .logo {
    margin-right: 0px;
    width:        100%;
    text-align:   center;
    background:   #fff;
    padding:      13px 0px;
  }

  .logo .img-responsive {
    margin: 0px auto 10px;
  }

  .signup-wrp {
    margin-top: 0;
    padding:    40px 0px;
  }

  .menu-top-small {
    border-left: 0;
  }

  .menu-top-small {
    border-left: 0;
    padding:     0px 0px 0px 15px;
  }

  .menu-top-small li a {
    font-size: 16px;
    color:     #afafaf;
  }

  .main-menu-top li a {
    font-size: 16px;
  }

  .main-menu-top {
    float:  right;
    margin: 11px 15px 0px 0px;
  }

  .logo-wrp ul li {
    margin: 10px 20px;
  }

  .sameunl-wrp h2 {
    margin: 40px 0px 20px;
  }

  .btnall {
    line-height: 54px;
    width:       220px;
  }

  .connect-lsit figure .img-box img {
    border: 5px solid #fff;
  }

  .connect-lsit figure figcaption h4 {
    font-size:   16px;
    font-weight: 700;
  }

  .connect-lsit figure figcaption p {
    padding: 0px 0px;
  }

  .conect-tv-wrp h2 {
    font-size:     40px;
    margin-bottom: 10px;
  }

  .conect-tv-wrp p {
    font-size:     18px;
    margin-bottom: 50px;
  }

  .join-cut .cutp {
    top: 120px;
  }

  .btn-brdr {
    line-height: 54px;
    width:       220px;
  }

}

@media only screen and (max-width: 767px) {

  .banner h2, .select-tv-wrp h2 {
    font-size:   42px;
    line-height: 48px;
  }

  .sameunl-wrp {
    text-align: center;
  }

  .white {
    padding: 40px 0px 20px;
  }

  .select-tv-wrp {
    padding: 23px 0 60px;
  }

  .join-cut .cutp {
    top:      60px;
    position: relative;
    margin:   0 auto 60px;
    left:     -30px;
  }

  footer h3 {
    margin-top: 40px;
  }

  footer {
    padding: 0px;
  }

  .profile-box li {
    width: 50%;
  }

  .connect-lsit {
    margin: 20px 0px 30px;
  }

  .connect-lsit figure .img-box img {
    border: 5px solid #fff;
    margin: 0 auto;
  }

  .connect-lsit figure figcaption p {
    padding: 0px 40px;
  }

  .tv-brand img {
    width: 70%;
  }

  .slideInDown, .animated {
    -webkit-animation-name: none;
    animation-name:         none;
  }

  .wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11, .wp12, .wp13, .wp14, .wp15, .wp16 {
    visibility: visible;
  }

  .btnall.btn-efct::before, .btn-efct:before {
    display: none;
  }

  .btn-white {
    border: 1px solid #fff;
  }

  .btn-white:hover {
    border:     1px solid #fff;
    background: #000;
  }

  .btn-efct.active:hover {
    color:      #00afec;
    background: #fff;
  }

  .btn-efct:hover {
    background: #00afec;
  }

  .faqs-wrp h2 {
    font-size:   32px;
    line-height: 40px;
  }

  .faqs-wrp .panel-default .panel-heading a {
    font-size: 15px;
  }

  .copyrt p {
    float:      left;
    margin:     0;
    width:      100%;
    text-align: center;
  }

  .copyrt ul {
    float:      right;
    width:      100%;
    margin-top: 7px;
  }

  .copyrt li a {
    font-size: 12px;
  }

  .panel-group {
    margin-bottom: 0px;
  }

  .faqs-wrp .panel-default .panel-heading a {
    line-height: 20px;
  }

  /*
  Signup section
  */
  .signup-wrp h3 {
    font-size:   19px;
    line-height: 24px;
  }

  .signup-wrp h2 {
    font-size:   16px;
    line-height: 24px;
  }

  .signup-wrp {
    margin-top: 0;
    padding:    33px 0px;
    overflow:   hidden;
    height:     auto !important;
  }

  .signup-tv {
    padding: 20px 0px 10px;
  }

  .left-sec {
    display: none !important;
  }

}

@media only screen and (max-width: 600px) {
  header {
    padding:    13px 0px 0px;
    background: #fff;
  }

  .logo {
    padding: 0px;
  }

  .menu-top-small {
    border-left: 0;
    padding:     0px;
    width:       100%;
  }

  .menu-top-small li {
    width:      46%;
    margin:     0px 2%;

    text-align: center;
  }

  .menu-top-small li a {
    display:               block;
    font-size:             14px;
    border:                1px solid #f3f3f3;
    background:            #f3f3f3;
    border-radius:         20px;
    -webkit-border-radius: 20px;
  }

  .menu-top-small li a:hover {
    border:                1px solid #00afec;
    background:            #fff;
    transition:            1s;
    -webkit-transition:    1s;
    border-radius:         20px;
    -webkit-border-radius: 20px;
    color:                 #00afec;
  }

  .main-menu-top {
    margin:     11px 0px 0;
    padding:    10px 0px;
    background: #000;
    width:      100%;
  }

  .main-menu-top li {
    float:  left;
    margin: 0px 12px;
  }

  .main-menu-top li:last-child {
    float:       right;
    margin-left: 0px;
  }

  .main-menu-top li a {
    font-size:   18px;
    line-height: 23px;
  }

  .main-menu-top li a i {
    width: 22px;
  }

  .main-menu-top li a i.store {
    margin-right:    10px;
    background-size: 110px;
  }

  .main-menu-top li a i.store {
    margin-right:    10px;
    background-size: 110px;
  }

  .main-menu-top li a:hover i.store {
    background-position: 0px -29px;
    background-size:     110px;
  }

  .main-menu-top li a i.user {
    background-position: -31px top;
    margin-right:        10px;
    background-size:     110px;
  }

  .main-menu-top li a:hover i.user {
    background-position: -31px -29px;
  }

  .main-menu-top li a i.tgl {
    background-position: -61px top;
    margin-right:        10px;
    background-size:     110px;
  }

  .cutp {
    width:               170px;
    height:              146px;
    margin-top:          -37px;
    left:                24%;
    padding:             10px 23px;
    background-size:     150px;
    background-position: 9px -28px;
  }

  .cutp h3 {
    font-size:     13px;
    color:         #fff;
    padding:       0px 11px;
    margin-bottom: 0px;
  }

  .cutp h2 {
    height:      43px;
    line-height: 48px !important;
    margin:      0px 10px 10px !important;
  }

  .cutp h2 em {
    top:         -12px;
    float:       left;
    left:        10px;
    font-size:   20px;
    font-style:  normal;
    font-weight: 300;
    position:    absolute;
  }

  .cutp h2 strong {
    font-size:   60px;
    color:       #fff;
    font-weight: 800;
    float:       left;
    position:    absolute;
    left:        27px;
  }

  .cutp h2 span {
    font-size: 18.28px;
    position:  absolute;
    left:      64px;
    top:       -11px;
  }

  .cutp h2 small {
    font-size: 14px;
    color:     #fff;
    position:  absolute;
    left:      66px;
    top:       0px;
  }

  .cutp p {
    font-size:   8.12px !important;
    font-weight: 700;
    color:       rgb(255, 255, 255);
    line-height: 11px !important;
    z-index:     99999;
  }

  .banner-img-r {
    padding: 20px 0px 0px;
  }

  .banner h2, .select-tv-wrp h2 {
    font-size:   32px;
    line-height: 36px;
    margin:      10px 0px;
  }

  .banner ul li {
    font-size: 19.71px;
    width:     100%;
  }

  .banner ul li {
    font-size:           17.71px;
    width:               100%;
    background-size:     13px;
    padding-left:        20px;
    background-position: 0px 11px;
  }

  .banner a {
    width:        130px;
    line-height:  34px;
    font-size:    13px;
    margin-right: 10px;
  }

  .btnall {
    line-height: 34px;
    width:       190px;
    font-size:   14px;
  }

  .btnall.btn-efct:hover {
    color:      #fff;
    background: #000;
  }

  .btn-brdr {
    line-height: 34px;
    width:       190px;
    font-size:   14px;
  }

  .white .btnall {
    margin-bottom: 30px;
  }

  .select-tv-wrp p {
    font-size:   16px;
    line-height: 24px;
  }

  .sameunl-wrp p {
    margin-bottom: 20px;
  }

  .sameunl-wrp h2 {
    font-size: 30px;
  }

  .mt95 {
    margin-top: 0px;
  }

  .connect-lsit figure .img-box img:hover {
    transform:         scale(1);
    -webkit-transform: scale(1);
  }

  .join-cut .cutp {
    top:      60px;
    position: relative;
    margin:   40px auto 120px;
    left:     -100px;
  }
}

@media only screen and (max-width: 480px) {
  .profile-box li {
    width: 100%;
  }

  .copyrt ul {
    text-align: center;
  }

  .copyrt li {
    float:        none;
    border-left:  0;
    padding-left: 0;
    margin-left:  10px;
    line-height:  12px;
    margin-top:   5px;
    display:      inline-block;
    margin-right: 10px;
  }
}

.radio {
  margin-bottom: 20px;
}

input[type=radio] {
  border: 0;
  width:  8%;
  height: 2em;
}

label.radio-inline {
  line-height: 2.5;
  font-size:   1.2em;
  font-weight: 100;
}

.radio-inline img {
  width: 50px;
}