@charset "utf-8";
 /* CSS Document */


 @media only screen and (min-width: 50px) and (max-width: 767px) {
    .product_text {
       right: 0px;
   }
   .mobileapp_sec h4 {
    padding: 0;
}
.banner_new {
    height: auto;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #b30706 50%, #3399ff 100%);
}
.panel-group {
    margin-bottom: 8px;
}
.animated {
    animation-duration: 0s !important;
}
.bounceInLeft, .bounceInRight, .bounceInUp, .bounceInDown {
    animation-name: inherit !important;
}
.bnr_caption h2 {
    font-size: 19px;
    margin: 0px;
    text-align: left;
}
.mobileapp_right h3 {
    text-align: left;
}
.hovereffect {
    margin: 0 0 20px 0;
}
.nopadding {

    padding: 0 15px;

}
.anlyties_sec.analy_lft {
    border-right:none;
}
.anlyties_sec.analyr_rgt {
    border-right: none;
}
.iosapp_lft {
    margin: 0px 0px 10px 0px;
}
.client li {
    min-height: 70px;
     max-height: 70px;
    width: 45%;
}
.client li img {
    max-height: 39px;
}
.bnr_caption {
    right: 3%;
    padding: 4px 5px;
    left: 10%;
bottom: 9%;
}
.bnr_caption h3 {
    font-size: 14px;
    margin: 2px 0 4px 0;
    font-weight: bold;
}
.social_links {
    margin-top: 48px;
    padding: 0px;
    /* text-align: left; */
}
.bnr_caption p { 
    font-size: 11px;
}
ol.carousel-indicators {
    display: none;
}
.mobile_sec3 {
    padding: 18px 0px 0px 0;
}

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .navbar-default .navbar-nav > li > a {
       font-size: 11px;
   }
   .product_text {
       right: 0px;
   }
   .bnr_caption {
       background: rgba(0,93,163,0.6);
       right: 23%;
       bottom: 20%;
       padding: 23px 27px;
       left: 16%;
   }
   .hovereffect img{
       width: 100%;
       float: left;
   }
   .ftr_rgt p {
    margin: 50px 0px 0px -72%;
}
.bnr_caption {
    right: 20%;
    bottom: 10%;
    left: 11%;
}
.bnr_caption h3 {
    margin: 0px 0 15px 0;
}
/*.mobilegrid figure {
    width: 100%;
    margin: 10px 0% 0 18%;
    text-align: center;
}*/
.mobilegrid figure {
    width: 32.3%;
    margin: 0 7px 0px 0px;
    min-width: auto;
}
.hovereffect a.info {
    padding: 60px 40px;
}
figure.effect-sadie h2 {
    top: 32%;
    font-size: 18px;
}
.mega-dropdown-menu .mt-box h2 {
    line-height: 9px;
}
.banner_new {
    height: auto;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #b30706 50%, #3399ff 100%);
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
    .navbar-default .navbar-nav > li > a {
       font-size: 16px;
   }
   .ftr_rgt p {
    margin: 50px 0px 0px 0px;
}
/*.mobilegrid figure {
    width: 33.3%;
    margin: 10px 0%;
}*/
.bnr_caption {
    background: rgba(0,93,163,0.6);
    right: 48%;
    bottom: 28%;
    padding: 23px 27px;
    left: 16%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.bnr_caption {
    right: 32%;
}
}

@media screen and (width:736px) {
.bnr_caption {
    right: 11%;
    padding: 4px 5px;
    left: 39%;
    bottom: 28%;
}
}

/************************************mobile page app stat here**********************/
@media only screen and (min-width: 50px) and (max-width: 767px) {
 .winga_bg, .winga_bg1, .winga_bg2, .winga_bg3, .winga_bg4, .winga_bg6, .winga_bg7  {
    display: none;
  }
  .app_left {
    min-height: auto;
    position: relative;
    z-index: 999;
  }
  .ios {

    display: none;
  }
  .img_bg, .img_bg1, .img_bg2, .img_bg6, .img_bg7    {
    background-image: none;
  } 
  .app-symbol {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.winga_bg, .winga_bg1, .winga_bg2, .winga_bg3, .winga_bg4  {
    display: none;
  }
  .img_bg, .img_bg1, .img_bg2 {
    background-position: center 131px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
 /*.winga_bg, .winga_bg1, .winga_bg2, .winga_bg3, .winga_bg4  {
    display: none;
  }*/
  .img_bg, .img_bg1, .img_bg2 {
    background-position: center 138px;
  }
}
  @media screen and (width:1280px) {
    .img_bg, .img_bg1, .img_bg2 {
      background-position: center 138px;
    }
  }
    @media screen and (width:1366px) {
    .img_bg, .img_bg1, .img_bg2 {
      background-position: center 138px;
    }
  }