body { display: none;}
*{ margin:0px; padding:0px; font-family: 'robotoregular'; letter-spacing:0.3px;}  
ul, li{ display:block; list-style:none;}
.btn{ -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 0 rgba(0,0,0,0); color:#fff !important; background: #0094FF; margin:0px; border-radius:4px; }
.btn:hover{ color:#fff;-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 0 rgba(0,0,0,0); background:#3fa9bc }
textarea:focus, input:focus{ outline: none;}
*:focus { outline: none;}
.clear{ clear:both;}

#slideNav{  width:100%; height:100%; position:fixed; z-index:9; background:rgba(0,0,0,0.9); color:#fff; overflow:hidden;opacity:0; top:-100%}
.linksBox{ color:#fff; position:absolute; right: -100%; top:0; width:100%; height:100%; display: table;
vertical-align: middle; opacity:0;  } 
#innerNavLeft img{ margin-top:-127px; width:230px; height:auto; display:inline-block;}
#innerNavRight{ width:30%; position:absolute; left:35%; height:100%; display:table; }
.linksBox ul{ width:100%; display:table-cell; vertical-align:middle;}
.linksBox ul li{ width:100%; display:block;font-size:22px;}
.linksBox ul li a{color:#fff; display:block; font-family: 'robotolight';  width:100%; letter-spacing:2px; margin:18px 0; }
.banner{height:100%; width:100%; position:relative; background:url(../images/banner.jpg) no-repeat center top; background-size:cover; padding-left:90px; color:#fff; text-align:center; vertical-align:middle; display:table }
#closeMenu{ position:absolute; top:32px; right:35px; width:40px; padding:9px; height:40px; cursor:pointer; z-index:9}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
  padding-right: 8px;
    padding-left: 8px;
}
.row { 
  margin-right: -8px;
  margin-left: -8px;
}
 

@media only screen and (max-width: 767px) {
  body { display: block; }
  .bannerTop{ background: #0034BA;  }
  .topWrap{
    display: flex; 
    align-items: center;
    justify-content: space-between;
    align-items: center;
  }
  .topRight{
    display: flex;
  }
  .qrbox {
    margin: 13px 0;
    margin-right: 17px;
  }
  .qrbox img{
    width: 30px;
    height: auto;
  }
  .notificationBox{
    margin: 13px 0;
  }
  .profilOut{
    display: flex;
    align-items: center;
    padding: 3px 0;
    color: #fff;
  }
  .prodata{
    margin-left: 12px;
    line-height: 19px;
  }
  .prodata span{
    font-family: 'robotolight';
    font-size: 12px;
  }
  .proImg{ 
    height: 40px;
    width: 40px;
    overflow: hidden;
    border-radius: 50%;
  }
  .profilOut h5{
    margin: 0;
    font-size: 15px;
    font-family: 'robotomedium';
    line-height:normal;
  }
  .bannerSlider{
    margin-top: 20px;
  }
  .sliedrBox{
    display: block;
    margin-bottom: 20px;
  }
  .sliedrBox img{
    width: 100%;
    height: 1005;
  }
  a.bannButton{
    display: flex !important;
    align-items: center;
    width: 100%;
    padding: 11px 14px;
    border-radius: 7px;
  }
  .btData{
    margin-left: 14px;
    text-align: left;
  }
  .cost{
    display: flex;
    align-items: center;
    margin-bottom: 2px;
  }
  .cost h5{ 
    margin: 0;
    font-size: 20px;
    font-family: 'robotomedium';
    margin-left: 5px;
  }
  .cost span{
    font-size: 15px;
    margin-top: 3px;
    display: block;
  }
  a.bannButton.bannButtonGr{
    background: #00D154 !important;
  }
  .reachargeSection{ 
    margin-top: 20px;
    padding: 20px 0 0;
    background: #F3F5FA;
  }
  .mainHeading{
    font-family: 'robotomedium';
    margin-bottom: 14px;
    font-size: 22px;
  }
  .rechargeslider{
    display: flex;
    overflow: auto;
  }
  .rechargThumb{
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .reIcon{
    overflow: hidden;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: #0034BA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .rechargThumb span{
    text-align: center !important;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #262627;
    font-size: 14px;
  }
  .fearturesSection{
    margin-top: 20px;
    margin-bottom: 4px; 
    background: #ffffff;
  }
  .featureThumb{
    background: #EBFFF3;
    border-radius: 7px;
    padding: 12px;
    margin-bottom: 16px;
    text-align: center;
  }
  .featurecost{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 6px 10px;
    border-radius: 5px;
    background: #00D154 !important;
    color: #fff;
  }
  .featurecost h5{
    margin-bottom: 0;
    font-size: 18px; letter-spacing: 1px; margin-left: 4px;
    font-family: 'robotomedium';
  }
  .featureThumb h4{
    text-align: center !important;
    line-height: 23px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #0034BA;
    font-size: 14px;
    margin: 10px 0;
    font-family: 'robotomedium';
  }
  .myBussiness{
    margin-bottom: 20px;
  }
  .myBussiness a.bannButton{
    padding: 20px 25px;
  }
  .myBussiness .btData{
    margin-left: 30px;
  }
  .myBussiness .btData span{
    font-size: 20px;
  }
  .myBussiness .btData span img{
    width: 16px;
  }
  .myBussiness .cost h5 {
    margin: 0;
    font-size: 25px;
  }
  .addMoney .featureThumb{
    background: #FFAC30;
    padding: 16px;
  }
  .addMoney .featureThumb h4{ 
    color: #FFF;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0;
  }
  .teamSection{
    background: #0034BA;
    color: #fff;
    padding-top: 20px;
  }

  .teamSection .featureThumb{ 
    background: #0541D9;
    padding: 16px;
  }
  .teamSection .featureThumb h4{ 
    color: #FFF;
    font-size: 16px;
    margin-top: 11px;
    margin-bottom: 0;
  }
  .wapSection{
    background: #2CDA42;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    color: #fff;
  }
  .wapData{
    padding-left: 4px;
    padding-right: 15px;
  }
  .wapData .textInfo{
    font-size: 15px;
    line-height: 18px !important;
  }
  .wapData h4{
    font-size: 21px;
    margin-bottom: 6px;
    font-family: 'robotomedium';
  }













}
 



