@media (min-width: 320px) and (max-width: 767px) {

    
.nav{
    justify-content: center;
}

.navbar{
    justify-content: end;
}


 .backbg {
    background-image: none;
    background-size: contain;
    background-position: 101%;
    height: 100vh;
    background-repeat: no-repeat;
}

.happiness-sc h4 {
    
    font-size: 20px;
}

.video-sc {
   
       margin-top: 0px;
       text-align: center;
    }

    .video-sc img{
    box-shadow: 8px 13px 11px -3px #a9d0ff ;
    width: 350px;
    height: 267px;
}

   .simpleSteps-sc {
    margin-top: -90px;
    text-align: center;
    }

    .topUp-sc {
      text-align: center;
    }

    .simpleSteps-sc p, .simpleSteps-sc h2{
    padding-right: 0px;
    }

     .topUp-sc p, .topUp-sc h2{
    padding-right: 0px;
    }

.bg-img {
    
    margin-top: 50px;
    }

.overlap-img {
    position: absolute;
    z-index: 99;
    right: 0px;
    top: 350px;
}

.overlap-img1-top {
    display: none;
}

.overlap-img1 {
    display: none;
}

.overlap-img-top{
    left: 0px;
}

#navbarSupportedContent {
    position: absolute;
    right: 0px;
    top: 100%;
    background: #8287fd;
    padding: 20px 20px;
    width: 300px;
 }

.backbg{
    height: 60vh;
}

.send-happy-box {
    margin-bottom: 20px;
}

.navbar{
    justify-content: end;
}

 #navbarSupportedContent .nav-link
 {
    color: #fff;
    text-transform: uppercase;
 }

 .navbar-light .navbar-toggler
 {
    border: none;
 }

 .navbar-light .navbar-toggler::focus
 {
    border: none;
 }

 .pills-tab {
    text-align: center;
 }

 .topheader .col-sm-8 .img-fluid {
      max-width:  50%;
    }

    .page-footer{
    text-align: center

}

.recharge-sc .px-5{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.form-bg {
    padding-right: 5px;
    padding-left: 5px;
}
}



/*tabs responsive css*/
 @media only screen and (min-width: 768px) and (max-width: 992px){
     
   /* .topheader .col-md-8 {
        float: right!important;
    }*/

    .video-back{
        min-height: 345px;
    }

   .overlap-img {
    right: 83px;
    width: 45%;
}

.overlap-img-top {
    left: 90px;
    width: 45%;
}

   .overlap-img1, .overlap-img1-top{
    display: none;
   }

  .topUp-sc .right-part{
    padding-left: 75px;
    }

   .topUp-sc .right-part h2, .simpleSteps-sc h2{
    font-size: 16px;
   }
    .topUp-sc .right-part p, .simpleSteps-sc p{
    font-size: 14px;
   }

.backbg {
    height: 56vh;
}

.happiness-sc h5{
    font-size: ;
}

.page-footer{
    text-align: center

}


.navbar{
    justify-content: end;
}


#navbarSupportedContent {
    position: absolute;
    right: 0px;
    top: 100%;
    background: #8287fd;
    padding: 20px 20px;
    width: 696px;
    color: #fff;
 }


 #navbarSupportedContent .nav-link
 {
    color: #fff;
    text-transform: uppercase;
 }

 .video-sc img
 {
    width: 130%;
 }

 .video-sc 
 {
    margin-top: 50px;
 }

 .topheader button:focus
 {
    outline: red;
 }
 }